forked from 0x2620/pandora
some improvements to editor view panels
This commit is contained in:
parent
1e5d77f39d
commit
6dc274c43d
3 changed files with 325 additions and 78 deletions
|
@ -51,6 +51,7 @@ def getUI(user):
|
||||||
"listsSize": 192,
|
"listsSize": 192,
|
||||||
"listView": "list",
|
"listView": "list",
|
||||||
"sections": ["history", "lists", "public", "featured"],
|
"sections": ["history", "lists", "public", "featured"],
|
||||||
|
"showAnnotations": True,
|
||||||
"showGroups": True,
|
"showGroups": True,
|
||||||
"showInfo": True,
|
"showInfo": True,
|
||||||
"showLists": True,
|
"showLists": True,
|
||||||
|
|
|
@ -258,6 +258,14 @@ app.Query = (function() {
|
||||||
// Functions
|
// Functions
|
||||||
*/
|
*/
|
||||||
|
|
||||||
|
app.constructAnnotations = function() {
|
||||||
|
var $annotations = new Ox.Element();
|
||||||
|
$.each(app.constructBins(), function(i, $bin) {
|
||||||
|
$annotations.append($bin);
|
||||||
|
});
|
||||||
|
return $annotations;
|
||||||
|
}
|
||||||
|
|
||||||
app.constructApp = function() {
|
app.constructApp = function() {
|
||||||
/*
|
/*
|
||||||
app
|
app
|
||||||
|
@ -322,7 +330,7 @@ app.constructApp = function() {
|
||||||
elements: [
|
elements: [
|
||||||
{
|
{
|
||||||
collapsible: true,
|
collapsible: true,
|
||||||
element: app.$ui.browser = new Ox.SplitPanel({
|
element: app.$ui.groupsOuterPanel = new Ox.SplitPanel({
|
||||||
elements: [
|
elements: [
|
||||||
{
|
{
|
||||||
element: app.$ui.groups[0],
|
element: app.$ui.groups[0],
|
||||||
|
@ -384,7 +392,7 @@ app.constructApp = function() {
|
||||||
return app.getGroupWidth(i, data);
|
return app.getGroupWidth(i, data);
|
||||||
});
|
});
|
||||||
Ox.print('widths', widths);
|
Ox.print('widths', widths);
|
||||||
app.$ui.browser.size(0, widths[0].list).size(2, widths[4].list);
|
app.$ui.groupsOuterPanel.size(0, widths[0].list).size(2, widths[4].list);
|
||||||
app.$ui.groupsInnerPanel.size(0, widths[1].list).size(2, widths[3].list);
|
app.$ui.groupsInnerPanel.size(0, widths[1].list).size(2, widths[3].list);
|
||||||
$.each(app.$ui.groups, function(i, list) {
|
$.each(app.$ui.groups, function(i, list) {
|
||||||
list.resizeColumn('name', widths[i].column);
|
list.resizeColumn('name', widths[i].column);
|
||||||
|
@ -401,6 +409,30 @@ app.constructApp = function() {
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
|
app.constructBins = function() {
|
||||||
|
var $bins = [];
|
||||||
|
$.each(app.config.layers, function(i, layer) {
|
||||||
|
var $bin = new Ox.CollapsePanel({
|
||||||
|
id: layer.id,
|
||||||
|
size: 16,
|
||||||
|
title: layer.title
|
||||||
|
});
|
||||||
|
$bins.push($bin);
|
||||||
|
$bin.$content.append(
|
||||||
|
$('<div>').css({ height: '20px' }).append(
|
||||||
|
$('<div>').css({ float: 'left', width: '16px', height: '16px', margin: '1px'}).append(
|
||||||
|
$('<img>').attr({ src: 'static/oxjs/build/png/ox.ui.modern/iconFind.png' }).css({ width: '16px', height: '16px', border: 0, background: 'rgb(64, 64, 64)', WebkitBorderRadius: '2px' })
|
||||||
|
)
|
||||||
|
).append(
|
||||||
|
$('<div>').css({ float: 'left', width: '122px', height: '14px', margin: '2px' }).html('Foo')
|
||||||
|
).append(
|
||||||
|
$('<div>').css({ float: 'left', width: '40px', height: '14px', margin: '2px', textAlign: 'right' }).html('23')
|
||||||
|
)
|
||||||
|
);
|
||||||
|
});
|
||||||
|
return $bins;
|
||||||
|
}
|
||||||
|
|
||||||
app.constructGroups = function() {
|
app.constructGroups = function() {
|
||||||
var $groups = [],
|
var $groups = [],
|
||||||
panelWidth = app.$document.width() - app.user.ui.listsSize - 1;
|
panelWidth = app.$document.width() - app.user.ui.listsSize - 1;
|
||||||
|
@ -516,8 +548,7 @@ app.constructInfo = function() {
|
||||||
app.constructItem = function(id, view) {
|
app.constructItem = function(id, view) {
|
||||||
var $item;
|
var $item;
|
||||||
//location.hash = '!' + id;
|
//location.hash = '!' + id;
|
||||||
app.$ui.contentPanel.size(0, 80);
|
app.$ui.contentPanel.empty();
|
||||||
app.$ui.browser.empty();
|
|
||||||
if (view == 'timeline') {
|
if (view == 'timeline') {
|
||||||
app.api.getItem(id, function(result) {
|
app.api.getItem(id, function(result) {
|
||||||
item_debug = result.data.item;
|
item_debug = result.data.item;
|
||||||
|
@ -534,68 +565,88 @@ app.constructItem = function(id, view) {
|
||||||
$item = new Ox.SplitPanel({
|
$item = new Ox.SplitPanel({
|
||||||
elements: [
|
elements: [
|
||||||
{
|
{
|
||||||
element: app.$ui.editor = new Ox.VideoEditor({
|
collapsible: true,
|
||||||
cuts: cuts,
|
element: app.$ui.browser = new Ox.Element('div')
|
||||||
duration: video.duration,
|
.options({id: 'browser'}),
|
||||||
find: '',
|
resizable: false,
|
||||||
frameURL: function(position) {
|
size: 80
|
||||||
return '/' + id + '/frame/' + video.width.toString() + '/' + position.toString() + '.jpg'
|
|
||||||
},
|
|
||||||
height: app.$ui.contentPanel.height() - 81,
|
|
||||||
id: 'editor',
|
|
||||||
largeTimeline: true,
|
|
||||||
matches: [],
|
|
||||||
points: [0, 0],
|
|
||||||
position: 0,
|
|
||||||
posterFrame: parseInt(video.duration / 2),
|
|
||||||
subtitles: subtitles,
|
|
||||||
videoHeight: video.height,
|
|
||||||
videoId: id,
|
|
||||||
videoWidth: video.width,
|
|
||||||
videoSize: 'small',
|
|
||||||
videoURL: video.url,
|
|
||||||
width: app.$document.width() - app.$ui.leftPanel.width() - 1 - 256 - 1
|
|
||||||
})
|
|
||||||
.bindEvent('resize', function(event, data) {
|
|
||||||
Ox.print('RESIZE:', data)
|
|
||||||
app.$ui.editor.options({
|
|
||||||
width: data
|
|
||||||
});
|
|
||||||
}),
|
|
||||||
size: 'auto'
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
collapsible: true,
|
element: app.$ui.timelinePanel = new Ox.SplitPanel({
|
||||||
element: app.$ui.annotations = new Ox.Element('div')
|
elements: [
|
||||||
.options({
|
{
|
||||||
id: 'annotations'
|
element: app.$ui.editor = new Ox.VideoEditor({
|
||||||
})
|
cuts: cuts,
|
||||||
.bindEvent('resize', function(event, data) {
|
duration: video.duration,
|
||||||
app.$ui.editor.options({
|
find: '',
|
||||||
width: app.$document.width() - app.$ui.leftPanel.width() - 1 - app.$ui.annotations.width() - 1.
|
frameURL: function(position) {
|
||||||
})
|
return '/' + id + '/frame/' + video.width.toString() + '/' + position.toString() + '.jpg'
|
||||||
}),
|
},
|
||||||
resizable: true,
|
height: app.$ui.contentPanel.size(1),
|
||||||
resize: [128, 192, 256],
|
id: 'editor',
|
||||||
size: 256
|
largeTimeline: true,
|
||||||
|
matches: [],
|
||||||
|
points: [0, 0],
|
||||||
|
position: 0,
|
||||||
|
posterFrame: parseInt(video.duration / 2),
|
||||||
|
subtitles: subtitles,
|
||||||
|
videoHeight: video.height,
|
||||||
|
videoId: id,
|
||||||
|
videoWidth: video.width,
|
||||||
|
videoSize: 'small',
|
||||||
|
videoURL: video.url,
|
||||||
|
width: app.$document.width() - app.$ui.mainPanel.size(0) - 1 - 256 - 1
|
||||||
|
})
|
||||||
|
.bindEvent('resize', function(event, data) {
|
||||||
|
Ox.print('RESIZE:', data)
|
||||||
|
app.$ui.editor.options({
|
||||||
|
width: data
|
||||||
|
});
|
||||||
|
}),
|
||||||
|
size: 'auto'
|
||||||
|
},
|
||||||
|
/*
|
||||||
|
{
|
||||||
|
collapsible: true,
|
||||||
|
element: app.$ui.annotations = new Ox.Map({
|
||||||
|
places: ['Boston', 'Brussels', 'Barcelona', 'Berlin', 'Beirut', 'Bombay', 'Bangalore', 'Beijing']
|
||||||
|
})
|
||||||
|
.bindEvent('resize', function(event, data) {
|
||||||
|
app.$ui.editor.options({
|
||||||
|
width: app.$document.width() - app.$ui.mainPanel.size(0) - app.$ui.timelinePanel.size(1) - 2.
|
||||||
|
})
|
||||||
|
}),
|
||||||
|
resizable: true,
|
||||||
|
resize: [192, 256],
|
||||||
|
size: 256
|
||||||
|
}
|
||||||
|
*/
|
||||||
|
{
|
||||||
|
collapsible: true,
|
||||||
|
element: app.$ui.annotations = app.constructAnnotations(),
|
||||||
|
size: 256
|
||||||
|
}
|
||||||
|
],
|
||||||
|
orientation: 'horizontal'
|
||||||
|
}),
|
||||||
|
size: 'auto'
|
||||||
}
|
}
|
||||||
],
|
],
|
||||||
orientation: 'horizontal'
|
orientation: 'vertical'
|
||||||
});
|
});
|
||||||
app.$ui.contentPanel.replace(1, $item);
|
app.$ui.rightPanel.replace(1, $item);
|
||||||
app.$ui.rightPanel
|
app.$ui.rightPanel
|
||||||
/*.unbindEvent('resize')*/
|
|
||||||
.bindEvent('resize', function(event, data) {
|
.bindEvent('resize', function(event, data) {
|
||||||
//Ox.print('seems to work', data)
|
Ox.print('rightPanel resize', data, app.$ui.timelinePanel.size(1))
|
||||||
app.$ui.editor.options({
|
app.$ui.editor.options({
|
||||||
width: data - app.$ui.annotations.width() - 1
|
width: data - app.$ui.timelinePanel.size(1) - 1
|
||||||
});
|
});
|
||||||
});
|
});
|
||||||
///*
|
///*
|
||||||
app.$window.resize(function() {
|
app.$window.resize(function() {
|
||||||
app.$ui.editor.options({
|
app.$ui.editor.options({
|
||||||
height: app.$document.height() - 24 - 24 - 80 - 1 - 16,
|
height: app.$document.height() - 20 - 24 - app.$ui.contentPanel.size(0) - 1 - 16,
|
||||||
width: app.$document.width() - app.$ui.leftPanel.width() - 1 - app.$ui.annotations.width() - 1
|
width: app.$document.width() - app.$ui.mainPanel.size(0) - app.$ui.timelinePanel.size(1) - 2
|
||||||
});
|
});
|
||||||
});
|
});
|
||||||
//*/
|
//*/
|
||||||
|
@ -604,10 +655,10 @@ app.constructItem = function(id, view) {
|
||||||
}
|
}
|
||||||
|
|
||||||
app.constructList = function(view) {
|
app.constructList = function(view) {
|
||||||
var $list,
|
var $list, $map,
|
||||||
keys = ['director', 'id', 'poster', 'title', 'year'];
|
keys = ['director', 'id', 'poster', 'title', 'year'];
|
||||||
Ox.print('constructList', view);
|
Ox.print('constructList', view);
|
||||||
if (view == 'list' || view == 'calendar') {
|
if (view == 'list') {
|
||||||
$list = new Ox.TextList({
|
$list = new Ox.TextList({
|
||||||
columns: $.map(app.config.sortKeys, function(key, i) {
|
columns: $.map(app.config.sortKeys, function(key, i) {
|
||||||
return $.extend({
|
return $.extend({
|
||||||
|
@ -657,6 +708,102 @@ app.constructList = function(view) {
|
||||||
sort: app.user.ui.sort,
|
sort: app.user.ui.sort,
|
||||||
unique: 'id'
|
unique: 'id'
|
||||||
});
|
});
|
||||||
|
} else if (view == 'map') {
|
||||||
|
$list = new Ox.SplitPanel({
|
||||||
|
elements: [
|
||||||
|
{
|
||||||
|
element: new Ox.SplitPanel({
|
||||||
|
elements: [
|
||||||
|
{
|
||||||
|
element: new Ox.Toolbar({
|
||||||
|
orientation: 'horizontal',
|
||||||
|
size: 24
|
||||||
|
})
|
||||||
|
.append(
|
||||||
|
app.$ui.findMapInput = new Ox.Input({
|
||||||
|
clear: true,
|
||||||
|
id: 'findMapInput',
|
||||||
|
placeholder: 'Find on Map',
|
||||||
|
width: 192
|
||||||
|
})
|
||||||
|
.css({
|
||||||
|
float: 'right',
|
||||||
|
margin: '4px'
|
||||||
|
})
|
||||||
|
.bindEvent({
|
||||||
|
submit: function(event, data) {
|
||||||
|
app.$ui.map.find(data.value, function(data) {
|
||||||
|
app.$ui.mapStatusbar.html(data.geoname + ' ' + JSON.stringify(data.points))
|
||||||
|
});
|
||||||
|
}
|
||||||
|
})
|
||||||
|
),
|
||||||
|
size: 24
|
||||||
|
},
|
||||||
|
{
|
||||||
|
element: app.$ui.map = new Ox.Map({
|
||||||
|
places: [
|
||||||
|
{
|
||||||
|
geoname: 'Beirut, Lebanon',
|
||||||
|
name: 'Beirut',
|
||||||
|
points: {
|
||||||
|
'center': [33.8886284, 35.4954794],
|
||||||
|
'northeast': [33.8978909, 35.5114868],
|
||||||
|
'southwest': [33.8793659, 35.479472]
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
geoname: 'Berlin, Germany',
|
||||||
|
name: 'Berlin',
|
||||||
|
points: {
|
||||||
|
'center': [52.506701, 13.4246065],
|
||||||
|
'northeast': [52.675323, 13.760909],
|
||||||
|
'southwest': [52.338079, 13.088304]
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
geoname: 'Mumbai, Maharashtra, India',
|
||||||
|
name: 'Bombay',
|
||||||
|
points: {
|
||||||
|
'center': [19.07871865, 72.8778187],
|
||||||
|
'northeast': [19.2695223, 72.9806562],
|
||||||
|
'southwest': [18.887915, 72.7749812]
|
||||||
|
}
|
||||||
|
}
|
||||||
|
]
|
||||||
|
})
|
||||||
|
.bindEvent({
|
||||||
|
select: function(event, data) {
|
||||||
|
app.$ui.mapStatusbar.html(data.geoname + ' ' + JSON.stringify(data.points))
|
||||||
|
}
|
||||||
|
}),
|
||||||
|
id: 'map',
|
||||||
|
size: 'auto'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
element: app.$ui.mapStatusbar = new Ox.Toolbar({
|
||||||
|
orientation: 'horizontal',
|
||||||
|
size: 16
|
||||||
|
})
|
||||||
|
.css({
|
||||||
|
fontSize: '9px',
|
||||||
|
padding: '2px 4px 0 0',
|
||||||
|
textAlign: 'right'
|
||||||
|
}),
|
||||||
|
size: 16
|
||||||
|
}
|
||||||
|
],
|
||||||
|
orientation: 'vertical'
|
||||||
|
}),
|
||||||
|
},
|
||||||
|
{
|
||||||
|
element: new Ox.Element(),
|
||||||
|
id: 'place',
|
||||||
|
size: 128 + 16 + 12
|
||||||
|
}
|
||||||
|
],
|
||||||
|
orientation: 'horizontal'
|
||||||
|
});
|
||||||
} else {
|
} else {
|
||||||
$list = new Ox.Element('<div>')
|
$list = new Ox.Element('<div>')
|
||||||
.css({
|
.css({
|
||||||
|
@ -665,7 +812,7 @@ app.constructList = function(view) {
|
||||||
background: 'red'
|
background: 'red'
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
$list.bindEvent({
|
['list', 'icons'].indexOf(view) > -1 && $list.bindEvent({
|
||||||
closepreview: function(event, data) {
|
closepreview: function(event, data) {
|
||||||
app.$ui.previewDialog.close();
|
app.$ui.previewDialog.close();
|
||||||
delete app.$ui.previewDialog;
|
delete app.$ui.previewDialog;
|
||||||
|
@ -1253,7 +1400,7 @@ app.constructMainMenu = function() {
|
||||||
clear: true,
|
clear: true,
|
||||||
id: 'findPlacesInput',
|
id: 'findPlacesInput',
|
||||||
placeholder: 'Find: Name',
|
placeholder: 'Find: Name',
|
||||||
width: 168
|
width: 234
|
||||||
})
|
})
|
||||||
],
|
],
|
||||||
id: 'findPlacesElement'
|
id: 'findPlacesElement'
|
||||||
|
@ -1276,7 +1423,7 @@ app.constructMainMenu = function() {
|
||||||
{ 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
|
width: 246
|
||||||
})
|
})
|
||||||
.css({
|
.css({
|
||||||
float: 'left',
|
float: 'left',
|
||||||
|
@ -1298,9 +1445,7 @@ app.constructMainMenu = function() {
|
||||||
],
|
],
|
||||||
orientation: 'vertical'
|
orientation: 'vertical'
|
||||||
}),
|
}),
|
||||||
resizable: true,
|
size: 256
|
||||||
resize: [128, 192, 256],
|
|
||||||
size: 192
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
element: new Ox.SplitPanel({
|
element: new Ox.SplitPanel({
|
||||||
|
@ -1333,32 +1478,127 @@ app.constructMainMenu = function() {
|
||||||
float: 'right',
|
float: 'right',
|
||||||
margin: '4px'
|
margin: '4px'
|
||||||
})
|
})
|
||||||
|
.bindEvent({
|
||||||
|
submit: function(event, data) {
|
||||||
|
app.$ui.map.find(data.value, function(location) {
|
||||||
|
app.$ui.placeNameInput.options({
|
||||||
|
disabled: false,
|
||||||
|
value: location.name
|
||||||
|
});
|
||||||
|
app.$ui.placeAliasesInput.options({
|
||||||
|
disabled: false
|
||||||
|
});
|
||||||
|
app.$ui.placeGeonameLabel.options({
|
||||||
|
disabled: false,
|
||||||
|
title: location.names.join(', ')
|
||||||
|
});
|
||||||
|
app.$ui.removePlaceButton.options({
|
||||||
|
disabled: false
|
||||||
|
});
|
||||||
|
app.$ui.addPlaceButton.options({
|
||||||
|
disabled: false
|
||||||
|
});
|
||||||
|
});
|
||||||
|
}
|
||||||
|
})
|
||||||
),
|
),
|
||||||
size: 24
|
size: 24
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
element: app.$ui.map = new Ox.Map({
|
element: app.$ui.map = new Ox.Map({
|
||||||
places: ['Boston', 'Brussels', 'Barcelona', 'Berlin', 'Beirut', 'Bombay', 'Bangalore', 'Beijing']
|
places: ['Boston', 'Brussels', 'Barcelona', 'Berlin', 'Beirut', 'Bombay', 'Bangalore', 'Beijing']
|
||||||
}).css({
|
})
|
||||||
left: 0,
|
.css({
|
||||||
top: 0,
|
left: 0,
|
||||||
right: 0,
|
top: 0,
|
||||||
bottom: 0
|
right: 0,
|
||||||
})
|
bottom: 0
|
||||||
|
})
|
||||||
|
.bindEvent({
|
||||||
|
select: function(event, location) {
|
||||||
|
app.$ui.placeNameInput.options({
|
||||||
|
disabled: false,
|
||||||
|
value: location.name
|
||||||
|
});
|
||||||
|
app.$ui.placeAliasesInput.options({
|
||||||
|
disabled: false
|
||||||
|
});
|
||||||
|
app.$ui.placeGeonameLabel.options({
|
||||||
|
disabled: false,
|
||||||
|
title: location.names.join(', ')
|
||||||
|
});
|
||||||
|
app.$ui.removePlaceButton.options({
|
||||||
|
disabled: false
|
||||||
|
});
|
||||||
|
app.$ui.addPlaceButton.options({
|
||||||
|
disabled: false
|
||||||
|
});
|
||||||
|
}
|
||||||
|
})
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
element: new Ox.Toolbar({
|
element: app.$ui.bottomBar = new Ox.Toolbar({
|
||||||
orientation: 'horizontal',
|
orientation: 'horizontal',
|
||||||
size: 24
|
size: 24
|
||||||
}).append(
|
})
|
||||||
app.$ui.newPlaceButton = new Ox.Button({
|
.append(
|
||||||
id: 'newPlaceButton',
|
app.$ui.placeNameInput = new Ox.Input({
|
||||||
title: 'New Place...',
|
disabled: true,
|
||||||
width: 96
|
id: 'placeName',
|
||||||
|
placeholder: 'Name',
|
||||||
|
width: 128
|
||||||
|
})
|
||||||
|
.css({
|
||||||
|
float: 'left',
|
||||||
|
margin: '4px 0 0 4px'
|
||||||
|
})
|
||||||
|
)
|
||||||
|
.append(
|
||||||
|
app.$ui.placeAliasesInput = new Ox.Input({
|
||||||
|
disabled: true,
|
||||||
|
id: 'aliases',
|
||||||
|
placeholder: 'Aliases',
|
||||||
|
width: 128
|
||||||
|
})
|
||||||
|
.css({
|
||||||
|
float: 'left',
|
||||||
|
margin: '4px 0 0 4px'
|
||||||
|
})
|
||||||
|
)
|
||||||
|
.append(
|
||||||
|
app.$ui.placeGeonameLabel = new Ox.Label({
|
||||||
|
disabled: true,
|
||||||
|
id: 'placeGeoname',
|
||||||
|
title: 'Geoname',
|
||||||
|
width: parseInt(app.$document.width() * 0.8) - 256 - 256 - 32 - 24
|
||||||
|
})
|
||||||
|
.css({
|
||||||
|
float: 'left',
|
||||||
|
margin: '4px 0 0 4px'
|
||||||
|
})
|
||||||
|
)
|
||||||
|
.append(
|
||||||
|
app.$ui.addPlaceButton = new Ox.Button({
|
||||||
|
disabled: true,
|
||||||
|
id: 'addPlaceButton',
|
||||||
|
title: 'add',
|
||||||
|
type: 'image'
|
||||||
})
|
})
|
||||||
.css({
|
.css({
|
||||||
float: 'left',
|
float: 'right',
|
||||||
margin: '4px'
|
margin: '4px 4px 0 0'
|
||||||
|
})
|
||||||
|
)
|
||||||
|
.append(
|
||||||
|
app.$ui.removePlaceButton = new Ox.Button({
|
||||||
|
disabled: true,
|
||||||
|
id: 'removePlaceButton',
|
||||||
|
title: 'remove',
|
||||||
|
type: 'image'
|
||||||
|
})
|
||||||
|
.css({
|
||||||
|
float: 'right',
|
||||||
|
margin: '4px 4px 0 0'
|
||||||
})
|
})
|
||||||
),
|
),
|
||||||
size: 24
|
size: 24
|
||||||
|
|
|
@ -28,6 +28,10 @@
|
||||||
{"id": "calendar", "title": "Calendar"},
|
{"id": "calendar", "title": "Calendar"},
|
||||||
{"id": "files", "title": "Files", "admin": true}
|
{"id": "files", "title": "Files", "admin": true}
|
||||||
],
|
],
|
||||||
|
"layers": [
|
||||||
|
{"id": "privatenotes", "title": "Private Notes", "type": "text"},
|
||||||
|
{"id": "publicnotes", "title": "Public Notes", "type": "text"}
|
||||||
|
],
|
||||||
"listViews": [
|
"listViews": [
|
||||||
{"id": "list", "title": "as List"},
|
{"id": "list", "title": "as List"},
|
||||||
{"id": "icons", "title": "as Icons"},
|
{"id": "icons", "title": "as Icons"},
|
||||||
|
@ -49,7 +53,8 @@
|
||||||
{"id": "history", "title": "History"},
|
{"id": "history", "title": "History"},
|
||||||
{"id": "lists", "title": "My Lists"},
|
{"id": "lists", "title": "My Lists"},
|
||||||
{"id": "public", "title": "Public Lists"},
|
{"id": "public", "title": "Public Lists"},
|
||||||
{"id": "featured", "title": "Featured Lists"}
|
{"id": "featured", "title": "Featured Lists"},
|
||||||
|
{"id": "admin", "title": "Admin"}
|
||||||
],
|
],
|
||||||
"sortKeys": [
|
"sortKeys": [
|
||||||
{"id": "title", "title": "Title", "operator": "", "align": "left", "width": 180, "removable": false},
|
{"id": "title", "title": "Title", "operator": "", "align": "left", "width": 180, "removable": false},
|
||||||
|
@ -115,7 +120,8 @@
|
||||||
"listQuery": {"conditions": [], "operator": ""},
|
"listQuery": {"conditions": [], "operator": ""},
|
||||||
"listsSize": 192,
|
"listsSize": 192,
|
||||||
"listView": "icons",
|
"listView": "icons",
|
||||||
"sections": ["history", "lists", "public", "featured"],
|
"sections": ["history", "lists", "public", "featured", "admin"],
|
||||||
|
"showAnnotations": true,
|
||||||
"showGroups": true,
|
"showGroups": true,
|
||||||
"showInfo": true,
|
"showInfo": true,
|
||||||
"showLists": true,
|
"showLists": true,
|
||||||
|
|
Loading…
Reference in a new issue