Commit 60f3283e authored by Marcel's avatar Marcel
Browse files

Add index2 as a test page.

parent f215ab5f
......@@ -95,6 +95,43 @@ class PlatformController(AbstractController):
data.update(preferences)
return data
@cherrypy.expose
@cherrypy.tools.user()
@cherrypy.tools.workspace()
@cherrypy.tools.profile()
@cherrypy.tools.allow(methods=['GET'])
@cherrypy.tools.stats(page='index')
@cherrypy.tools.render(template='sites/index2.html')
def index2(self, *args, **kwargs):
db = cherrypy.request.db
username = cherrypy.request.user.name
devmode = vispa.config('web', 'devmode', True)
use_websockets = vispa.config('websockets', 'enabled', False)
secure_websockets = vispa.config('websockets', 'secure', False)
profile_id = self.get('profile_id')
preferences = Profile.get_preferences(db, profile_id, parse_json=True)
client_logging_enabled = vispa.config('web', 'client_logging_enabled', True)
client_logging_level = vispa.config('web', 'client_logging_level', 'info')
client_logging_ignore = vispa.config('web', 'client_logging_ignore', [])
workspace_id = self.get('workspace_id')
workspace_data = self.workspace_data()
add_workspaces = vispa.config('rpc', 'allow_new_workspaces', True)
data = {'devmode' : devmode,
'username' : username,
'common_js' : self._platform.common_js,
'common_css' : self._platform.common_css,
'use_websockets' : use_websockets,
'secure_websockets': secure_websockets,
'workspace_id' : workspace_id,
'workspace_data' : workspace_data,
'add_workspaces' : add_workspaces,
'profile_id' : profile_id,
'logging_enabled' : client_logging_enabled,
'logging_level' : client_logging_level,
'logging_ignore' : client_logging_ignore}
data.update(preferences)
return data
@cherrypy.expose
@cherrypy.tools.workspace(on=False)
@cherrypy.tools.user(reverse=True, path='/')
......
......@@ -169,7 +169,7 @@ body {
height: 100%;
width: 100%;
background-image: url(../../../img/maingui/grey.png);
background-position: bottom;
background-position: top;
display: table;
}
......
.extension-badges {
position: absolute;
top: 0px;
right: 0px;
bottom: 0px;
left: 0px;
overflow-x: auto;
overflow-y: hidden;
white-space: nowrap;
-webkit-overflow-scrolling: touch;
}
.extension-badge {
position: relative;
display: inline-block;
margin: 6px 3px 1px 3px;
/* height|width via js*/
border-radius: 4px;
cursor: pointer;
}
.extension-badge-top {
position: absolute;
top: 0px;
right: 0px;
bottom: 24px;
left: 0px;
cursor: move;
}
.extension-badge-top-wrapper {
position: absolute;
top: 0px;
right: 0px;
bottom: 0px;
left: 0px;
border-radius: 2px;
box-shadow: 0px 0px 2px #505050;
background-color: white;
}
.extension-badge-top-wrapper-selected {
box-shadow: 0px 0px 4px #505050,
inset 1px 0px 2px #3383bb,
inset -1px 0px 2px #3383bb,
inset 0px 1px 2px #3383bb,
inset 0px -1px 2px #3383bb;
}
.extension-badge-bottom {
position: absolute;
height: 24px;
right: 0px;
bottom: 0px;
left: 0px;
}
.extension-badge-bottom-wrapper {
position: absolute;
top: 0px;
right: 0px;
bottom: 0px;
left: 0px;
overflow: hidden;
}
.extension-badge-label-outer {
display: table;
height: 100%;
width: 100%;
max-width: 100%;
word-wrap: break-word;
white-space: normal;
}
.extension-badge-label {
display: table-cell;
vertical-align: middle;
text-align: center;
font-size: 11px;
color: black;
font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.4);
line-height: 0.9;
}
.extension-badge-label-selected {
color: #13639b;
}
.extension-badge:first-child {
margin-left: 4px;
}
.extension-badge:last-child {
margin-right: 4px;
}
.extension-badge-collapsed {
position: relative;
display: inline-block;
margin: 0px 0px 0px 0px;
/* height|width via js*/
background-color: orange;
}
.extension-badge-handle {
position: absolute;
top: 5px;
right: 5px;
bottom: 15px;
left: 5px;
background-color: red;
}
.extension-content {
display: none;
position: absolute;
top: 0px;
right: 0px;
bottom: 0px;
left: 0px;
}
.extension-menu-container {
position: absolute;
top: 0px;
right: 0px;
bottom: 0px;
left: 0px;
overflow-x: hidden;
}
.extension-menu-box {
position: absolute;
top: 0px;
right: 0px;
bottom: 0px;
left: 0px;
display: hidden;
}
.extension-menu-box-active {
border-radius: 4px;
opacity: 0.4;
background-color: #3383bb;
}
.extension-menu-box-hover {
background-color: green;
}
.extension-menu-button {
position: absolute;
top: 2px;
right: 4px;
height: 20px;
width: 62px;
font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
font-size: 13px;
font-weight: normal;
cursor: pointer;
display: table;
}
.extension-menu-button-inner {
display: table-cell;
text-align: center;
vertical-align: middle;
}
.extension-menu-dropzone {
position: absolute;
top: 0px;
right: 74px;
bottom: 0px;
left: 0px;
padding-right: 8px;
overflow: hidden;
transition: box-shadow 500ms linear;
-webkit-transition: box-shadow 500ms linear;
-moz-transition: box-shadow 500ms linear;
-o-transition: box-shadow 500ms linear;
}
.extension-menu-dropzone-used {
box-shadow: inset -1px 0px 0px rgba(30, 30, 30, 0.3);
}
.extension-menu-shorthand-button {
position: relative;
font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
font-size: 13px;
font-weight: normal;
cursor: pointer;
display: inline-block;
float: right;
margin: 2px 0px 0px 5px;
padding: 2px 8px 2px 2px;
}
.extension-menu-shorthand-button-keepable {
box-shadow: inset 0px 0px 10px green;
}
.extension-menu-shorthand-button-deletable {
box-shadow: inset 0px 0px 10px red;
}
.extension-menu-shorthand-button-inner {
text-align: center;
}
.pathbar-content {
position: absolute;
top: 0px;
right: 0px;
bottom: 0px;
left: 0px;
}
.pathbar-display {
position: absolute;
top: 1px;
height: 23px;
left: 2px;
right: 5px;
cursor: pointer;
}
.pathbar-display-wrapper {
position: absolute;
top: 0px;
height: 100%;
left: 0px;
width: 100%;
display: table;
}
.pathbar-display-inner {
display: table-cell;
vertical-align: middle;
padding: 0px 0px;
border-radius: 4px;
}
.pathbar-display-button {
position: absolute;
top: 1px;
left: 4px;
height: 20px;
width: 52px;
font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
font-size: 13px;
font-weight: normal;
cursor: pointer;
display: table;
}
.pathbar-display-button-inner {
display: table-cell;
text-align: center;
vertical-align: middle;
}
.pathbar-display-text {
font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
font-size: 13px;
font-weight: normal;
color: #3383bb;
margin: 0px 0px 0px 65px;
white-space: nowrap;
}
.pathbar-input {
position: absolute;
top: 0px;
right: 5px;
bottom: 0px;
left: 2px;
display: none;
}
.pathbar-input-outer {
position: absolute;
top: 2px;
height: 20px;
left: 65px;
right: 5px;
}
.pathbar-input-input {
position: absolute;
width: 100%;
height: 100%;
background-color: transparent;
border-width: 0px;
border-radius: 4px;
outline: none;
font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
font-size: 13px;
color: #3383bb;
}
.pathbar-input-loader {
position: absolute;
top: 0px;
height: 100%;
left: 0px;
width: 65px;
display: table;
}
.pathbar-input-loader-inner {
display: table-cell;
vertical-align: middle;
text-align: center;
}
.pathbar-input-loader-filelabel {
color: white;
font-family: Arial;
font-weight: bold;
font-style: italic;
text-align: center;
font-size: 11px;
margin: 0px 0px 0px 0px;
padding: 1px 6px 2px 6px;
border-radius: 5px;
text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.8);
background-image: linear-gradient(top, #3383bb 0%, black 400%);
background-image: -webkit-linear-gradient(top, #3383bb 0%, black 400%);
background-image: -moz-linear-gradient(top, #3383bb 0%, black 400%);
background-image: -o-linear-gradient(top, #3383bb 0%, black 400%);
}
.pathbar-input-loader-filelabel-true {
background-image: linear-gradient(top, green 0%, black 400%);
background-image: -webkit-linear-gradient(top, green 0%, black 400%);
background-image: -moz-linear-gradient(top, green 0%, black 400%);
background-image: -o-linear-gradient(top, green 0%, black 400%);
}
.pathbar-input-loader-filelabel-false {
background-image: linear-gradient(top, red 0%, black 300%);
background-image: -webkit-linear-gradient(top, red 0%, black 300%);
background-image: -moz-linear-gradient(top, red 0%, black 300%);
background-image: -o-linear-gradient(top, red 0%, black 300%);
}
\ No newline at end of file
.preference-outer {
position: absolute;
top: 5px;
left: 0px;
height: 360px;
width: 650px;
border-radius: 4px;
background-color: #e0e0e0;
}
.preference-loader {
position: absolute;
top: 0px;
left: 0px;
height: 100%;
width: 100%;
display: none;
text-align: center;
}
.preference-loader-inner {
margin-top: 190px;
}
.preference-inner {
position: absolute;
top: 10px;
right: 10px;
bottom: 10px;
left: 10px;
}
.preference-left {
position: absolute;
top: 0px;
left: 0px;
bottom: 0px;
width: 199px;
border: 0px solid #e8e8e8;
border-width: 0px 1px 0px 0px;
overflow-x: hidden;
overflow-y: auto;
}
.preference-right {
position: absolute;
top: 0px;
right: 0px;
bottom: 0px;
width: 429px;
border: 0px solid #909090;
border-width: 0px 0px 0px 1px;
}
.preference-section-box {
margin-bottom: 10px;
}
.preference-section-box:last-child {
margin-bottom: 0px;
}
.preference-entries-box {
display: none;
}
.preference-header {
font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
color: #3383bb;
text-shadow: 0px 1px 1px white;
font-size: 18px;
font-weight: normal;
margin-bottom: 2px;
cursor: pointer;
}
.preference-element {
max-width: 88%;
padding: 5px 0px 5px 6px;
margin-left: 5px;
}
.preference-element-selected {
text-decoration: underline;
}
.preference-element-title {
max-width: 90%;
font-family: 'Helvetica Neue', HelveticaNeue, Helvetica, Arial, sans-serif;
font-size: 13px;
font-weight: bold;
color: #606060;
text-shadow: 0px 1px 0px #f0f0f0;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
float: left;
cursor: pointer;
}
.preference-element-title:hover {
color: #303030;
}
.preference-element-actions {
float: right;
}
.preference-separator {
border-style: solid;
border-width: 1px 0px 1px 0px;
border-color: #a0a0a0 transparent #e8e8e8 transparent;
height: 0px;
width: 90%;
margin-left: 5px;
}
.preference-content {
position: absolute;
top: 0px;
right: 0px;
bottom: 0px;
left: 0px;
padding: 4px 10px;
display: none;
}
.preference-content-header {
position: absolute;
top: 0px;
right: 0px;
left: 5px;
height: 30px;
font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
color: #505050;
text-shadow: 0px 1px 1px white;
font-size: 16px;
font-style: italic;
}
.preference-content-inner {
position: absolute;
top: 30px;
right: 0px;
bottom: 30px;
left: 5px;
overflow-x: hidden;
overflow-y: auto;
}
.preference-content-footer {
position: absolute;
right: 0px;
bottom: 0px;
left: 0px;
height: 30px;
overflow-y: visible;
}
.preference-content-description {
margin: 1px 0px 10px 7px;
padding: 5px;
}
.preference-content-description-text {
width: 90%;
margin-left: 5px;
float: left;
}
.preferece-content-data {
margin-left: 10px;
}
.preference-content-data-entry {
text-shadow: 0px 1px 0px #f0f0f0;
margin-bottom: 12px;
}
.preference-content-data-entry:last-child {
margin-bottom: 0px;
}
.preference-content-data-title {
color: #505050;
font-size: 14px;
}
.preference-content-data-key {
text-decoration: underline;
margin-left: 4px;
}
.preference-content-data-default {
font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
color: #3383bb;
text-shadow: 0px 1px 1px white;
font-size: 13px;
font-weight: normal;
margin-left: 10px;
cursor: pointer;