second round of fixes
This commit is contained in:
rolux
parent
679c290356
commit
5a03b0ac15
1 changed files with 170 additions and 141 deletions
|
|
@ -62,7 +62,7 @@ $(function() {
|
||||||
{ id: 'country', title: 'Country', operator: '', align: 'left', width: 120 },
|
{ id: 'country', title: 'Country', operator: '', align: 'left', width: 120 },
|
||||||
{ id: 'year', title: 'Year', operator: '-', align: 'right', width: 60 },
|
{ id: 'year', title: 'Year', operator: '-', align: 'right', width: 60 },
|
||||||
{ id: 'language', title: 'Language', operator: '', align: 'left', width: 120 },
|
{ id: 'language', title: 'Language', operator: '', align: 'left', width: 120 },
|
||||||
{ id: 'runtime', title: 'Runtime', operator: '', align: 'right', width: 60 },
|
{ id: 'runtime', title: 'Runtime', operator: '-', align: 'right', width: 60 },
|
||||||
{ id: 'writer', title: 'Writer', operator: '', align: 'left', width: 180 },
|
{ id: 'writer', title: 'Writer', operator: '', align: 'left', width: 180 },
|
||||||
{ id: 'producer', title: 'Producer', operator: '', align: 'left', width: 180 },
|
{ id: 'producer', title: 'Producer', operator: '', align: 'left', width: 180 },
|
||||||
{ id: 'cinematographer', title: 'Cinematographer', operator: '', align: 'left', width: 180 },
|
{ id: 'cinematographer', title: 'Cinematographer', operator: '', align: 'left', width: 180 },
|
||||||
|
|
@ -110,7 +110,7 @@ $(function() {
|
||||||
user: {
|
user: {
|
||||||
group: 'guest',
|
group: 'guest',
|
||||||
ui: {
|
ui: {
|
||||||
columns: ['id', 'title', 'director', 'country', 'year', 'language', 'runtime', 'genre', 'releasedate'],
|
columns: ['id', 'title', 'director', 'country', 'year', 'language', 'genre'],
|
||||||
// find: { conditions: [{ key: '', value: '', operator: '' }], operator: '' },
|
// find: { conditions: [{ key: '', value: '', operator: '' }], operator: '' },
|
||||||
findQuery: { conditions: [{key: '', value: '', operator: ''}], operator: '' },
|
findQuery: { conditions: [{key: '', value: '', operator: ''}], operator: '' },
|
||||||
groupsQuery: { conditions: [], operator: '|' },
|
groupsQuery: { conditions: [], operator: '|' },
|
||||||
|
|
@ -497,6 +497,125 @@ $(function() {
|
||||||
title: config.appName,
|
title: config.appName,
|
||||||
width: 800
|
width: 800
|
||||||
}).open();
|
}).open();
|
||||||
|
} else if (data.id == 'loginlogout') {
|
||||||
|
var $form = new Ox.Form({
|
||||||
|
error: 'Unknown username or wrong password',
|
||||||
|
id: 'login',
|
||||||
|
items: [
|
||||||
|
{
|
||||||
|
element: new Ox.Input({
|
||||||
|
autovalidate: function(value, blur, callback) {
|
||||||
|
var length = value.length;
|
||||||
|
value = $.map(value.toLowerCase().split(''), function(v, i) {
|
||||||
|
if (new RegExp('[a-z0-9' + ((i == 0 || (i == length - 1 && blur)) ? '' : '\- ') + ']')(v)) {
|
||||||
|
return v
|
||||||
|
} else {
|
||||||
|
return null;
|
||||||
|
}
|
||||||
|
}).join('');
|
||||||
|
$.each(['--', '- ', ' -', '--'], function(i, v) {
|
||||||
|
while (value.indexOf(v) > -1) {
|
||||||
|
value = value.replace(new RegExp(v, 'g'), v[0]);
|
||||||
|
}
|
||||||
|
})
|
||||||
|
callback(value);
|
||||||
|
},
|
||||||
|
id: 'username',
|
||||||
|
label: 'Username',
|
||||||
|
labelWidth: 120,
|
||||||
|
validate: function(value, callback) {
|
||||||
|
app.request('findUser', {
|
||||||
|
key: 'username',
|
||||||
|
value: value,
|
||||||
|
operator: '='
|
||||||
|
}, function(result) {
|
||||||
|
Ox.print('result', result)
|
||||||
|
var valid = result.data.users.length == 1;
|
||||||
|
callback({
|
||||||
|
message: 'Unknown Username',
|
||||||
|
valid: valid
|
||||||
|
});
|
||||||
|
});
|
||||||
|
},
|
||||||
|
width: 300
|
||||||
|
})
|
||||||
|
.bindEvent({
|
||||||
|
validate: function(event, data) {
|
||||||
|
$dialog[(data.valid ? 'enable' : 'disable') + 'Button']('signin');
|
||||||
|
}
|
||||||
|
})
|
||||||
|
},
|
||||||
|
{
|
||||||
|
element: new Ox.Input({
|
||||||
|
id: 'password',
|
||||||
|
label: 'Password',
|
||||||
|
labelWidth: 120,
|
||||||
|
type: 'password',
|
||||||
|
validate: /.+/,
|
||||||
|
width: 300
|
||||||
|
})
|
||||||
|
}
|
||||||
|
],
|
||||||
|
submit: function(data, callback) {
|
||||||
|
app.request('login', data, function(result) {
|
||||||
|
if (result.status.code == 200) {
|
||||||
|
$dialog.close();
|
||||||
|
user = result.data.user;
|
||||||
|
$ui.mainMenu.getItem('username').options({
|
||||||
|
title: 'User: ' + user.username
|
||||||
|
});
|
||||||
|
$ui.mainMenu.getItem('preferences').options({
|
||||||
|
disabled: false
|
||||||
|
});
|
||||||
|
$ui.mainMenu.getItem('register').options({
|
||||||
|
disabled: true
|
||||||
|
});
|
||||||
|
} else {
|
||||||
|
callback([{ id: 'password', message: 'Incorrect Password' }]);
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}
|
||||||
|
}),
|
||||||
|
$dialog = new Ox.Dialog({
|
||||||
|
buttons: [
|
||||||
|
[
|
||||||
|
{
|
||||||
|
click: function() {
|
||||||
|
|
||||||
|
},
|
||||||
|
id: 'signup',
|
||||||
|
title: 'Sign up...'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
click: function() {
|
||||||
|
|
||||||
|
},
|
||||||
|
id: 'reset',
|
||||||
|
title: 'Reset Password...'
|
||||||
|
}
|
||||||
|
],
|
||||||
|
[
|
||||||
|
{
|
||||||
|
click: function() {
|
||||||
|
$dialog.close();
|
||||||
|
$ui.mainMenu.getItem('loginlogout').toggleTitle();
|
||||||
|
},
|
||||||
|
id: 'cancel',
|
||||||
|
title: 'Cancel'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
click: $form.submit,
|
||||||
|
disabled: true,
|
||||||
|
id: 'signin',
|
||||||
|
title: 'Sign in'
|
||||||
|
}
|
||||||
|
]
|
||||||
|
],
|
||||||
|
id: 'login',
|
||||||
|
minWidth: 332,
|
||||||
|
title: 'Sign in',
|
||||||
|
width: 332
|
||||||
|
}).append($form).open();
|
||||||
} else if (data.id == 'places') {
|
} else if (data.id == 'places') {
|
||||||
var $manage = new Ox.SplitPanel({
|
var $manage = new Ox.SplitPanel({
|
||||||
elements: [
|
elements: [
|
||||||
|
|
@ -509,22 +628,41 @@ $(function() {
|
||||||
orientation: 'horizontal',
|
orientation: 'horizontal',
|
||||||
size: 44
|
size: 44
|
||||||
}).append(
|
}).append(
|
||||||
$ui.findPlacesInput = new Ox.Input({
|
$ui.findPlacesElement = new Ox.FormElementGroup({
|
||||||
clear: true,
|
elements: [
|
||||||
id: 'findPlacesInput',
|
$ui.findPlacesSelect = new Ox.Select({
|
||||||
placeholder: [
|
id: 'findPlacesSelect',
|
||||||
{ id: 'name', title: 'Find: Name' },
|
items: [
|
||||||
{ id: 'region', title: 'Find: Region' },
|
{ id: 'name', title: 'Find: Name' },
|
||||||
{ id: 'user', title: 'Find: User' }
|
{ id: 'region', title: 'Find: Region' },
|
||||||
]
|
{ id: 'user', title: 'Find: User' }
|
||||||
|
],
|
||||||
|
overlap: 'right',
|
||||||
|
type: 'image'
|
||||||
|
})
|
||||||
|
.bindEvent({
|
||||||
|
change: function(event, data) {
|
||||||
|
$ui.findPlacesSelect.loseFocus();
|
||||||
|
$ui.findPlacesInput.options({
|
||||||
|
placeholder: data.selected[0].title
|
||||||
|
});
|
||||||
|
}
|
||||||
|
}),
|
||||||
|
$ui.findPlacesInput = new Ox.Input({
|
||||||
|
clear: true,
|
||||||
|
id: 'findPlacesInput',
|
||||||
|
placeholder: 'Find: Name',
|
||||||
|
width: 168
|
||||||
|
})
|
||||||
|
],
|
||||||
|
id: 'findPlacesElement'
|
||||||
})
|
})
|
||||||
.css({
|
.css({
|
||||||
float: 'left',
|
float: 'left',
|
||||||
margin: '4px'
|
margin: '4px'
|
||||||
})
|
})
|
||||||
.width(128)
|
|
||||||
).append(
|
).append(
|
||||||
$ui.findPlacesInput = new Ox.Select({
|
$ui.sortPlacesSelect = new Ox.Select({
|
||||||
id: 'sortPlacesSelect',
|
id: 'sortPlacesSelect',
|
||||||
items: [
|
items: [
|
||||||
{ id: 'name', title: 'Sort by Name', checked: true },
|
{ id: 'name', title: 'Sort by Name', checked: true },
|
||||||
|
|
@ -536,13 +674,13 @@ $(function() {
|
||||||
{ id: 'user', title: 'Sort by User' },
|
{ id: 'user', title: 'Sort by User' },
|
||||||
{ id: 'datecreated', title: 'Sort by Date Added' },
|
{ id: 'datecreated', title: 'Sort by Date Added' },
|
||||||
{ id: 'datemodified', title: 'Sort by Date Modified' }
|
{ id: 'datemodified', title: 'Sort by Date Modified' }
|
||||||
]
|
],
|
||||||
|
width: 184
|
||||||
})
|
})
|
||||||
.css({
|
.css({
|
||||||
float: 'left',
|
float: 'left',
|
||||||
margin: '0 4px 4px 2px'
|
margin: '0 4px 4px 4px'
|
||||||
})
|
})
|
||||||
.width(128)
|
|
||||||
),
|
),
|
||||||
size: 44
|
size: 44
|
||||||
},
|
},
|
||||||
|
|
@ -573,24 +711,27 @@ $(function() {
|
||||||
}).append(
|
}).append(
|
||||||
$ui.labelsButton = new Ox.Button({
|
$ui.labelsButton = new Ox.Button({
|
||||||
id: 'labelsButton',
|
id: 'labelsButton',
|
||||||
value: ['Show Labels', 'Hide Labels']
|
title: [
|
||||||
|
{id: 'show', title: 'Show Labels'},
|
||||||
|
{id: 'hide', title: 'Hide Labels'}
|
||||||
|
],
|
||||||
|
width: 96
|
||||||
})
|
})
|
||||||
.css({
|
.css({
|
||||||
float: 'left',
|
float: 'left',
|
||||||
margin: '4px'
|
margin: '4px'
|
||||||
})
|
})
|
||||||
.width(80)
|
|
||||||
).append(
|
).append(
|
||||||
$ui.findMapInput = new Ox.Input({
|
$ui.findMapInput = new Ox.Input({
|
||||||
clear: true,
|
clear: true,
|
||||||
id: 'findMapInput',
|
id: 'findMapInput',
|
||||||
placeholder: [{ id: 'foo', title: 'Find on Map' }]
|
placeholder: 'Find on Map',
|
||||||
|
width: 192
|
||||||
})
|
})
|
||||||
.css({
|
.css({
|
||||||
float: 'right',
|
float: 'right',
|
||||||
margin: '4px'
|
margin: '4px'
|
||||||
})
|
})
|
||||||
.width(200)
|
|
||||||
),
|
),
|
||||||
size: 24
|
size: 24
|
||||||
},
|
},
|
||||||
|
|
@ -611,13 +752,13 @@ $(function() {
|
||||||
}).append(
|
}).append(
|
||||||
$ui.newPlaceButton = new Ox.Button({
|
$ui.newPlaceButton = new Ox.Button({
|
||||||
id: 'newPlaceButton',
|
id: 'newPlaceButton',
|
||||||
value: 'New Place...'
|
title: 'New Place...',
|
||||||
|
width: 96
|
||||||
})
|
})
|
||||||
.css({
|
.css({
|
||||||
float: 'left',
|
float: 'left',
|
||||||
margin: '4px'
|
margin: '4px'
|
||||||
})
|
})
|
||||||
.width(80)
|
|
||||||
),
|
),
|
||||||
size: 24
|
size: 24
|
||||||
}
|
}
|
||||||
|
|
@ -737,7 +878,7 @@ $(function() {
|
||||||
margin: '4px'
|
margin: '4px'
|
||||||
})
|
})
|
||||||
.bindEvent('change', function(event, data) {
|
.bindEvent('change', function(event, data) {
|
||||||
var id = data.checked[0].id;
|
var id = data.selected[0].id;
|
||||||
$ui.mainMenu.checkItem('viewMenu_movies_' + id);
|
$ui.mainMenu.checkItem('viewMenu_movies_' + id);
|
||||||
//$ui.list.$element.replaceWith(constructList(id));
|
//$ui.list.$element.replaceWith(constructList(id));
|
||||||
Ox.print('change ... id', id, list = constructList(id), list.options(), list.options('id'))
|
Ox.print('change ... id', id, list = constructList(id), list.options(), list.options('id'))
|
||||||
|
|
@ -760,9 +901,10 @@ $(function() {
|
||||||
width: 112
|
width: 112
|
||||||
})
|
})
|
||||||
.bindEvent('change', function(event, data) {
|
.bindEvent('change', function(event, data) {
|
||||||
var key = data.checked[0].id;
|
var key = data.selected[0].id;
|
||||||
user.ui.findQuery.conditions[0].key = key
|
user.ui.findQuery.conditions[0].key = key
|
||||||
$ui.mainMenu.checkItem('findMenu_find_' + key);
|
$ui.mainMenu.checkItem('findMenu_find_' + key);
|
||||||
|
$ui.findInput.focus();
|
||||||
}),
|
}),
|
||||||
$ui.findInput = new Ox.Input({
|
$ui.findInput = new Ox.Input({
|
||||||
autocomplete: function(value, callback) {
|
autocomplete: function(value, callback) {
|
||||||
|
|
@ -839,7 +981,7 @@ $(function() {
|
||||||
location.hash = Query.toString(query);
|
location.hash = Query.toString(query);
|
||||||
})
|
})
|
||||||
],
|
],
|
||||||
id: 'findInput'
|
id: 'findElement'
|
||||||
})
|
})
|
||||||
.css({
|
.css({
|
||||||
float: 'right',
|
float: 'right',
|
||||||
|
|
@ -1146,122 +1288,7 @@ $ui.statusbar = new Ox.Bar({
|
||||||
|
|
||||||
// Menu
|
// Menu
|
||||||
|
|
||||||
Ox.Event.bind('click_loginlogout', function(event, data) {
|
|
||||||
var $form = new Ox.Form({
|
|
||||||
error: 'Unknown username or wrong password',
|
|
||||||
id: 'login',
|
|
||||||
items: [
|
|
||||||
{
|
|
||||||
element: new Ox.Input({
|
|
||||||
autocorrect: function(value, blur) {
|
|
||||||
var length = value.length;
|
|
||||||
value = $.map(value.toLowerCase().split(''), function(v, i) {
|
|
||||||
if (new RegExp('[a-z0-9' + ((i == 0 || (i == length - 1 && blur)) ? '' : '\- ') + ']')(v)) {
|
|
||||||
return v
|
|
||||||
} else {
|
|
||||||
return null;
|
|
||||||
}
|
|
||||||
}).join('');
|
|
||||||
$.each(['--', '- ', ' -', '--'], function(i, v) {
|
|
||||||
while (value.indexOf(v) > -1) {
|
|
||||||
value = value.replace(new RegExp(v, 'g'), v[0]);
|
|
||||||
}
|
|
||||||
})
|
|
||||||
return value;
|
|
||||||
},
|
|
||||||
id: 'username',
|
|
||||||
label: 'Username',
|
|
||||||
labelWidth: 120,
|
|
||||||
validate: function(value, callback) {
|
|
||||||
app.request('findUser', {
|
|
||||||
key: 'username',
|
|
||||||
value: value,
|
|
||||||
operator: '='
|
|
||||||
}, function(result) {
|
|
||||||
Ox.print('result', result)
|
|
||||||
var valid = result.data.users.length == 1;
|
|
||||||
callback({
|
|
||||||
message: 'Unknown Username',
|
|
||||||
valid: valid
|
|
||||||
});
|
|
||||||
});
|
|
||||||
}
|
|
||||||
}).width(300)
|
|
||||||
},
|
|
||||||
{
|
|
||||||
element: new Ox.Input({
|
|
||||||
id: 'password',
|
|
||||||
label: 'Password',
|
|
||||||
labelWidth: 120,
|
|
||||||
type: 'password',
|
|
||||||
validate: /.+/
|
|
||||||
}).width(300)
|
|
||||||
}
|
|
||||||
],
|
|
||||||
submit: function(data, callback) {
|
|
||||||
app.request('login', data, function(result) {
|
|
||||||
if (result.status.code == 200) {
|
|
||||||
$dialog.close();
|
|
||||||
user = result.data.user;
|
|
||||||
$ui.mainMenu.getItem('username').options({
|
|
||||||
title: 'User: ' + user.username
|
|
||||||
});
|
|
||||||
$ui.mainMenu.getItem('preferences').options({
|
|
||||||
disabled: false
|
|
||||||
});
|
|
||||||
$ui.mainMenu.getItem('register').options({
|
|
||||||
disabled: true
|
|
||||||
});
|
|
||||||
} else {
|
|
||||||
callback([{ id: 'password', message: 'Incorrect Password' }]);
|
|
||||||
}
|
|
||||||
});
|
|
||||||
}
|
|
||||||
}),
|
|
||||||
$dialog = new Ox.Dialog({
|
|
||||||
buttons: [
|
|
||||||
[
|
|
||||||
{
|
|
||||||
click: function() {
|
|
||||||
|
|
||||||
},
|
|
||||||
id: 'signup',
|
|
||||||
value: 'Sign up...'
|
|
||||||
},
|
|
||||||
{
|
|
||||||
click: function() {
|
|
||||||
|
|
||||||
},
|
|
||||||
id: 'reset',
|
|
||||||
value: 'Reset Password...'
|
|
||||||
}
|
|
||||||
],
|
|
||||||
[
|
|
||||||
{
|
|
||||||
click: function() {
|
|
||||||
$dialog.close();
|
|
||||||
$ui.mainMenu.getItem('loginlogout').toggleTitle();
|
|
||||||
},
|
|
||||||
id: 'cancel',
|
|
||||||
value: 'Cancel'
|
|
||||||
},
|
|
||||||
{
|
|
||||||
click: $form.submit,
|
|
||||||
disabled: true,
|
|
||||||
id: 'signin',
|
|
||||||
value: 'Sign in'
|
|
||||||
}
|
|
||||||
]
|
|
||||||
],
|
|
||||||
id: 'login',
|
|
||||||
minWidth: 332,
|
|
||||||
title: 'Sign in',
|
|
||||||
width: 332
|
|
||||||
}).append($form).open();
|
|
||||||
Ox.Event.bind('validate_login', function(event, data) {
|
|
||||||
$dialog[(data.valid ? 'enable' : 'disable') + 'Button']('signin');
|
|
||||||
});
|
|
||||||
});
|
|
||||||
Ox.Event.bind('change_viewmovies', function(event, data) {
|
Ox.Event.bind('change_viewmovies', function(event, data) {
|
||||||
$ui.viewSelect.selectItem(data.id);
|
$ui.viewSelect.selectItem(data.id);
|
||||||
});
|
});
|
||||||
|
|
@ -1328,6 +1355,8 @@ $ui.statusbar = new Ox.Bar({
|
||||||
unique: key.id == 'id'
|
unique: key.id == 'id'
|
||||||
}, key);
|
}, key);
|
||||||
}),
|
}),
|
||||||
|
columnsMovable: true,
|
||||||
|
columnsRemovable: true,
|
||||||
id: 'list',
|
id: 'list',
|
||||||
request: function(options) {
|
request: function(options) {
|
||||||
Ox.print('options, Query.toObject', options, Query.toObject())
|
Ox.print('options, Query.toObject', options, Query.toObject())
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue