some url parsing
This commit is contained in:
rolux
parent
bca6408974
commit
0d03674ac9
1 changed files with 225 additions and 54 deletions
|
|
@ -11,20 +11,20 @@ $(function() {
|
|||
appName: "0xDB",
|
||||
findKeys: [
|
||||
{ id: "all", title: "All" },
|
||||
{ id: "title", title: "Title" },
|
||||
{ id: "director", title: "Director" },
|
||||
{ id: "country", title: "Country" },
|
||||
{ id: "year", title: "Year" },
|
||||
{ id: "language", title: "Language" },
|
||||
{ id: "writer", title: "Writer" },
|
||||
{ id: "producer", title: "Producer" },
|
||||
{ id: "cinematographer", title: "Cinematographer" },
|
||||
{ id: "editor", title: "Editor" },
|
||||
{ id: "actor", title: "Actor" },
|
||||
{ id: "character", title: "Character" },
|
||||
{ id: "name", title: "Name" },
|
||||
{ id: "genre", title: "Genre" },
|
||||
{ id: "keyword", title: "Keyword" },
|
||||
{ id: "title", title: "Title", autocomplete: true },
|
||||
{ id: "director", title: "Director", autocomplete: true },
|
||||
{ id: "country", title: "Country", autocomplete: true },
|
||||
{ id: "year", title: "Year", autocomplete: true },
|
||||
{ id: "language", title: "Language", autocomplete: true },
|
||||
{ id: "writer", title: "Writer", autocomplete: true },
|
||||
{ id: "producer", title: "Producer", autocomplete: true },
|
||||
{ id: "cinematographer", title: "Cinematographer", autocomplete: true },
|
||||
{ id: "editor", title: "Editor", autocomplete: true },
|
||||
{ id: "actor", title: "Actor", autocomplete: true },
|
||||
{ id: "character", title: "Character", autocomplete: true },
|
||||
{ id: "name", title: "Name", autocomplete: true },
|
||||
{ id: "genre", title: "Genre", autocomplete: true },
|
||||
{ id: "keyword", title: "Keyword", autocomplete: true },
|
||||
{ id: "summary", title: "Summary" },
|
||||
{ id: "dialog", title: "Dialog" }
|
||||
],
|
||||
|
|
@ -110,8 +110,8 @@ $(function() {
|
|||
userSettings: {
|
||||
group: "guest",
|
||||
ui: {
|
||||
columns: ["title", "director", "country", "year", "language", "runtime", "genre"],
|
||||
find: { key: "all", value: "", operator: "" },
|
||||
columns: ["id", "title", "director", "country", "year", "language", "runtime", "genre"],
|
||||
find: { conditions: [{ key: "", value: "", operator: "" }], operator: "" },
|
||||
itemView: "info",
|
||||
listsSize: 192,
|
||||
listView: "list",
|
||||
|
|
@ -135,10 +135,152 @@ $(function() {
|
|||
ui = {
|
||||
infoRatio: 4 / 3,
|
||||
selectedMovies: []
|
||||
};
|
||||
},
|
||||
|
||||
// Objects
|
||||
|
||||
Query = (function() {
|
||||
|
||||
function constructFind(query) {
|
||||
Ox.print("cF", query)
|
||||
return $.map(query.conditions, function(v, i) {
|
||||
if (!Ox.isUndefined(v.conditions)) {
|
||||
return "[" + constructFind(v) + "]";
|
||||
} else {
|
||||
return v.value !== "" ? v.key + (v.key ? ":" : "") + constructValue(v.value, v.operator) : null;
|
||||
}
|
||||
}).join(query.operator);
|
||||
}
|
||||
|
||||
function constructValue(value, operator) {
|
||||
operator = operator.replace("=", "^$");
|
||||
if (operator.indexOf("$") > -1) {
|
||||
value = operator.substr(0, operator.length - 1) + value + "$"
|
||||
} else {
|
||||
value = operator + value;
|
||||
}
|
||||
return value;
|
||||
}
|
||||
|
||||
function mergeFind() {
|
||||
}
|
||||
|
||||
function parseFind(str) {
|
||||
var find = {
|
||||
conditions: [],
|
||||
operator: ""
|
||||
},
|
||||
subconditions = str.match(/\[.*?\]/) || [];
|
||||
$.each(subconditions, function(i, v) {
|
||||
subconditions[i] = subconditions[i].substr(1, -1);
|
||||
str = str.replace(v, "[" + i + "]");
|
||||
});
|
||||
if (str.indexOf(",") > -1) {
|
||||
find.operator = "&";
|
||||
} else if (str.indexOf("|") > -1) {
|
||||
find.operator = "|";
|
||||
}
|
||||
Ox.print("pF", str)
|
||||
find.conditions = $.map(find.operator === "" ? [str] : str.split(find.operator == "&" ? "," : "|"), function(v, i) {
|
||||
var ret, kv;
|
||||
if (v[0] == "[") {
|
||||
Ox.print("recursion")
|
||||
ret = parseFind(subconditions[parseInt(v[0].substr(1, -1))]);
|
||||
} else {
|
||||
kv = ((str.indexOf(":") > - 1 ? "" : ":") + str).split(":");
|
||||
ret = $.extend({
|
||||
key: kv[0]
|
||||
}, parseValue(kv[1]));
|
||||
}
|
||||
Ox.print("ret", ret)
|
||||
return ret;
|
||||
});
|
||||
return find;
|
||||
}
|
||||
|
||||
function parseValue(str) {
|
||||
var value = {
|
||||
value: str,
|
||||
operator: ""
|
||||
};
|
||||
if (value.value[0] == "!") {
|
||||
value.operator = "!"
|
||||
value.value = value.value.substr(1);
|
||||
}
|
||||
if ("^<>".indexOf(value.value[0]) > -1) {
|
||||
value.operator += value.value[0];
|
||||
value.value = value.value.substr(1);
|
||||
}
|
||||
if (value.value.substr(-1) == "$") {
|
||||
value.operator += "$";
|
||||
value.value = value.value.substr(0, -1);
|
||||
}
|
||||
value.operator.replace("^$", "=");
|
||||
return value;
|
||||
}
|
||||
|
||||
return {
|
||||
|
||||
fromString: function(str) {
|
||||
var query = Ox.unserialize(str),
|
||||
sort = [];
|
||||
if ("find" in query) {
|
||||
user.ui.find = parseFind(query.find);
|
||||
Ox.print("user.ui.find", user.ui.find)
|
||||
}
|
||||
if ("sort" in query) {
|
||||
sort = query.sort.split(",")
|
||||
user.ui.sort = $.map(query.sort.split(","), function(v, i) {
|
||||
var hasOperator = "+-".indexOf(v[0]) > -1,
|
||||
key = hasOperator ? query.sort.substr(1) : query.sort,
|
||||
operator = hasOperator ? v[0].replace("+", "") : Ox.getObjectById(config.sortKeys, key).operator;
|
||||
return {
|
||||
key: key,
|
||||
operator: operator
|
||||
};
|
||||
});
|
||||
}
|
||||
if ("view" in query) {
|
||||
user.ui.listView = query.view;
|
||||
}
|
||||
},
|
||||
|
||||
toObject: function(groupId) {
|
||||
Ox.print("tO", user.ui.find.conditions)
|
||||
// the inner $.merge() creates a clone
|
||||
var conditions = $.merge($.merge([], user.ui.find.conditions), groups ? $.map(groups, function(v, i) {
|
||||
if (v.id != groupId && v.conditions.length) {
|
||||
return v.conditions.length == 1 ? v.conditions : {
|
||||
conditions: v.conditions,
|
||||
operator: "|"
|
||||
};
|
||||
}
|
||||
}) : []),
|
||||
operator = conditions.length < 2 ? "" : ",";
|
||||
Ox.print(groupId, user.ui.find, conditions);
|
||||
return {
|
||||
conditions: conditions,
|
||||
operator: operator
|
||||
};
|
||||
},
|
||||
|
||||
toString: function() {
|
||||
Ox.print("tS", user.ui.find)
|
||||
return Ox.serialize({
|
||||
find: constructFind(Query.toObject()),
|
||||
sort: user.ui.sort[0].operator + user.ui.sort[0].key,
|
||||
view: user.ui.listView
|
||||
});
|
||||
}
|
||||
|
||||
};
|
||||
|
||||
})();
|
||||
|
||||
// App
|
||||
|
||||
Query.fromString(location.hash.substr(1));
|
||||
Ox.print("user.ui", user.ui)
|
||||
document.title = config.appName;
|
||||
Ox.theme(user.ui.theme);
|
||||
app = new Ox.App({
|
||||
|
|
@ -350,11 +492,10 @@ $(function() {
|
|||
.append(
|
||||
$ui.findInput = new Ox.Input({
|
||||
autocomplete: function(key, value, callback) {
|
||||
var findKey = getObjectById(config.findKeys, key)
|
||||
Ox.print("autocomplete", key, value);
|
||||
value === "" && Ox.print("Warning: autocomplete function should never be called with empty value");
|
||||
if (key == "all") {
|
||||
callback();
|
||||
} else {
|
||||
if ("autocomplete" in findKey && findKey.autocomplete) {
|
||||
app.request("find", {
|
||||
keys: [key],
|
||||
query: {
|
||||
|
|
@ -379,6 +520,8 @@ $(function() {
|
|||
return v.title;
|
||||
}));
|
||||
});
|
||||
} else {
|
||||
callback();
|
||||
}
|
||||
},
|
||||
clear: true,
|
||||
|
|
@ -433,7 +576,7 @@ $(function() {
|
|||
delete options.keys;
|
||||
app.request("find", $.extend(options, {
|
||||
group: id,
|
||||
query: constructQuery()
|
||||
query: Query.toObject()
|
||||
}), options.callback);
|
||||
},
|
||||
sort: [
|
||||
|
|
@ -590,6 +733,22 @@ $ui.statusbar = new Ox.Bar({
|
|||
|
||||
// Menu
|
||||
|
||||
Ox.Event.bind("click_about", function(event, data) {
|
||||
var $dialog = new Ox.Dialog({
|
||||
buttons: [
|
||||
{
|
||||
click: function() {
|
||||
$dialog.close();
|
||||
},
|
||||
id: "close",
|
||||
title: "Close",
|
||||
value: "Close"
|
||||
}
|
||||
],
|
||||
id: "about",
|
||||
title: "About"
|
||||
}).open();
|
||||
});
|
||||
Ox.Event.bind("change_viewmovies", function(event, data) {
|
||||
$ui.viewSelect.selectItem(data.id);
|
||||
});
|
||||
|
|
@ -606,6 +765,22 @@ $ui.statusbar = new Ox.Bar({
|
|||
Ox.Event.bind("change_find", function(event, data) {
|
||||
$ui.findInput.changeLabel(data.id);
|
||||
});
|
||||
Ox.Event.bind("click_query", function(event, data) {
|
||||
var $dialog = new Ox.Dialog({
|
||||
buttons: [
|
||||
{
|
||||
click: function() {
|
||||
$dialog.close();
|
||||
},
|
||||
id: "close",
|
||||
title: "Close",
|
||||
value: "Close"
|
||||
}
|
||||
],
|
||||
id: "query",
|
||||
title: "Query"
|
||||
}).append(Query.toString() + "<br/><br/>" + JSON.stringify(Query.toObject())).open();
|
||||
});
|
||||
|
||||
// Toolbar
|
||||
|
||||
|
|
@ -617,9 +792,15 @@ $ui.statusbar = new Ox.Bar({
|
|||
});
|
||||
|
||||
Ox.Event.bind("submit_findInput", function(event, data) {
|
||||
findCondition = {
|
||||
key: data.key == "all" ? "" : data.key,
|
||||
value: data.value,
|
||||
var query;
|
||||
user.ui.find = {
|
||||
conditions: [
|
||||
{
|
||||
key: data.key == "all" ? "" : data.key,
|
||||
value: data.value,
|
||||
operator: ""
|
||||
}
|
||||
],
|
||||
operator: ""
|
||||
};
|
||||
$.each(groups, function(i, group) {
|
||||
|
|
@ -629,7 +810,7 @@ $ui.statusbar = new Ox.Bar({
|
|||
delete options.keys;
|
||||
return app.request("find", $.extend(options, {
|
||||
group: group.id,
|
||||
query: constructQuery(group.id)
|
||||
query: Query.toObject(group.id)
|
||||
}), options.callback);
|
||||
}
|
||||
});
|
||||
|
|
@ -637,27 +818,30 @@ $ui.statusbar = new Ox.Bar({
|
|||
$ui.list.options({
|
||||
request: function(options) {
|
||||
return app.request("find", $.extend(options, {
|
||||
query: constructQuery()
|
||||
query: query = Query.toObject()
|
||||
}), options.callback);
|
||||
}
|
||||
})
|
||||
});
|
||||
location.hash = Query.toString(query);
|
||||
});
|
||||
|
||||
// Groups
|
||||
|
||||
$.each(groups, function(i, group) {
|
||||
Ox.Event.bind("select_group_" + group.id, function(event, data) {
|
||||
var query;
|
||||
groups[i].conditions = $.map(data.ids, function(v) {
|
||||
return {
|
||||
key: group.id,
|
||||
value: v,
|
||||
operator: "="
|
||||
};
|
||||
});
|
||||
query = Query.toObject();
|
||||
$ui.list.options({
|
||||
request: function(options) {
|
||||
groups[i].conditions = $.map(data.ids, function(v) {
|
||||
return {
|
||||
key: group.id,
|
||||
value: v,
|
||||
operator: "="
|
||||
};
|
||||
});
|
||||
return app.request("find", $.extend(options, {
|
||||
query: constructQuery()
|
||||
query: query
|
||||
}), options.callback);
|
||||
}
|
||||
});
|
||||
|
|
@ -668,12 +852,13 @@ $ui.statusbar = new Ox.Bar({
|
|||
delete options.keys;
|
||||
return app.request("find", $.extend(options, {
|
||||
group: group_.id,
|
||||
query: constructQuery(group_.id)
|
||||
query: Query.toObject(group_.id)
|
||||
}), options.callback);
|
||||
}
|
||||
});
|
||||
}
|
||||
});
|
||||
location.hash = Query.toString(query);
|
||||
});
|
||||
});
|
||||
|
||||
|
|
@ -848,8 +1033,9 @@ $ui.statusbar = new Ox.Bar({
|
|||
}),
|
||||
id: "list",
|
||||
request: function(options) {
|
||||
Ox.print("options, Query.toObject", options, Query.toObject())
|
||||
app.request("find", $.extend(options, {
|
||||
query: constructQuery()
|
||||
query: Query.toObject()
|
||||
}), options.callback);
|
||||
},
|
||||
sort: user.ui.sort
|
||||
|
|
@ -870,7 +1056,7 @@ $ui.statusbar = new Ox.Bar({
|
|||
keys: ["director", "id", "posterHeight", "posterWidth", "posterURL", "title"],
|
||||
request: function(options) {
|
||||
app.request("find", $.extend(options, {
|
||||
query: constructQuery()
|
||||
query: Query.toObject()
|
||||
}), options.callback);
|
||||
},
|
||||
size: 128,
|
||||
|
|
@ -886,21 +1072,6 @@ $ui.statusbar = new Ox.Bar({
|
|||
return $list;
|
||||
}
|
||||
|
||||
function constructQuery(groupId) {
|
||||
var conditions = $.merge(!Ox.isUndefined(user.ui.find.key) ? [user.ui.find] : [], groups ? $.map(groups, function(v, i) {
|
||||
if (v.id != groupId && v.conditions.length) {
|
||||
return v.conditions.length == 1 ? v.conditions : {
|
||||
conditions: v.conditions,
|
||||
operator: "|"
|
||||
};
|
||||
}
|
||||
}) : []);
|
||||
return {
|
||||
conditions: conditions,
|
||||
operator: conditions.length ? "," : ""
|
||||
};
|
||||
}
|
||||
|
||||
function constructStatus(key, data) {
|
||||
return Ox.toTitleCase(key) + ": " + [
|
||||
Ox.formatNumber(data.items) + " movie" + (data.items != 1 ? "s" : ""),
|
||||
|
|
@ -1399,7 +1570,7 @@ $ui.statusbar = new Ox.Bar({
|
|||
app.request("find", $.extend(options, {
|
||||
query: {
|
||||
conditions: [],
|
||||
operator: "&"
|
||||
operator: "," // fixme: should be &
|
||||
}
|
||||
}), options.callback);
|
||||
},
|
||||
|
|
|
|||
Loading…
Reference in a new issue