Commit 22672f2a authored by Cédric Le Ninivin's avatar Cédric Le Ninivin

erp5_officejs_appstore_website: OfficeJS Old, various improvment

* Landing page show all Apps sorted by int_index
* Language Automatically centered
* Icons better centered
parent 806f992b
......@@ -18,7 +18,7 @@
<!-- global header -->
<div id="dashboard" data-role="page" data-theme="slapos-white" data-module="dashboard">
<div id="all" data-role="page" data-theme="slapos-white" data-module="all">
<div class="ui-content">
<!-- nothing to see here -->
</div>
......
......@@ -1452,7 +1452,7 @@ html .ui-filterable {
.ui-listview.responsive .ui-li-has-thumb .ui-li-thumb {
max-width: 8em;
max-height: 8em;
left: 20%;
left: 31%;
top: 5%;
}
......@@ -1580,7 +1580,14 @@ html .ui-filterable {
/* Second breakpoint is 63.75em (1020px). 4 column layout. Tiles will be 250x250 pixels incl. margin again at the breakpoint. */
@media ( min-width: 63.75em ) {
.ui-listview.responsive .ui-li-has-thumb > img:first-child,
.ui-listview.responsive .ui-li-has-thumb > .ui-btn > img:first-child,
.ui-listview.responsive .ui-li-has-thumb .ui-li-thumb {
max-width: 8em;
max-height: 8em;
left: 25%;
top: 5%;
}
/* Set a max-width for the last breakpoint to prevent too much stretching on large screens.
By setting the max-width equal to the breakpoint width minus padding we keep square tiles. */
/* responsive content */
......
[
{
"generate":"widget",
"type": "page",
"theme": "slapos-white",
"class_list": null,
"title": "Database Apps",
"title_i18n": "pages.database.title",
"children": [{"generate": "gadget", "type": "listgrid", "id": "all_apps"}]
}
]
\ No newline at end of file
<?xml version="1.0"?>
<ZopeData>
<record id="1" aka="AAAAAAAAAAE=">
<pickle>
<global name="File" module="OFS.Image"/>
</pickle>
<pickle>
<dictionary>
<item>
<key> <string>_EtagSupport__etag</string> </key>
<value> <string>ts63748926.45</string> </value>
</item>
<item>
<key> <string>__name__</string> </key>
<value> <string>all.json</string> </value>
</item>
<item>
<key> <string>content_type</string> </key>
<value> <string>application/json</string> </value>
</item>
<item>
<key> <string>precondition</string> </key>
<value> <string></string> </value>
</item>
<item>
<key> <string>size</string> </key>
<value> <int>260</int> </value>
</item>
<item>
<key> <string>title</string> </key>
<value> <string>all.json</string> </value>
</item>
</dictionary>
</pickle>
</record>
</ZopeData>
{
"portal_type_source": "Applications",
"portal_type_title": "application",
"portal_type_fields": "application_fieldlist",
"initial_query": {"sort": ["int_index", "descending"], "include_documents": true, "limit":[0,16]},
"form": null,
"id":"all_apps",
"property_dict": {},
"children": [{
"generate": "widget",
"type": "controlbar",
"class_list": "responsive",
"children": [{
"type": "input",
"direct": {"id":"search_all_apps", "className": "translate"},
"attributes": {"data-enhanced":"true", "data-i18n": "[placeholder]pages.all.search","placeholder":"Search All Apps", "data-icon":"search", "data-action-btn":"true", "data-type":"search", "type":"search"},
"logic":{"clear":"true", "action":"search"}
},{
"type": "div",
"direct": {"className":"info"},
"attributes": {"data-info":"records"}
}]
}, {
"generate":"widget",
"type": "listview",
"class_list": "responsive",
"theme": "slapos-white",
"property_dict": {
"inset":"true",
"filter": "true",
"input": "#search_all_apps"
},
"children": []
}, {
"generate":"widget",
"type": "controlbar",
"class_list": "responsive",
"children": [{
"generate": "widget",
"type": "controlgroup",
"class_list": "pagination",
"property_dict": {
"direction": "horizontal"
},
"children": [
{"type": "a", "direct":{"className":"action", "href":""}, "attributes":{"data-i18n":"global.pagination.first", "data-action":"first", "data-icon":"step-backward", "data-iconpos":"notext"}, "logic": {"text":"First"}},
{"type": "a", "direct":{"className":"action", "href":""}, "attributes":{"data-i18n":"global.pagination.previous", "data-action":"prev", "data-icon":"backward", "data-iconpos":"notext"}, "logic": {"text":"Step Backward"}},
{"type":"select", "direct":{"id":"paginate_reports_apps", "className":"action"},"attributes": {"data-icon":"reorder", "data-action":"limit", "data-iconpos":"notext"},"logic": {"options":[{"value": "16", "text": "16", "text_i18n":"global.pagination.16"},{"value": "32", "text": "32", "text_i18n":"global.pagination.32"},{"value": "64", "text": "64", "text_i18n":"global.pagination.64"}, {"value": "128", "text": "128", "text_i18n":"global.pagination.128"}]}},
{"type": "a", "direct":{"className":"action", "href":""}, "attributes":{"data-i18n":"global.pagination.next", "data-action":"next", "data-icon":"forward", "data-iconpos":"notext"}, "logic": {"text":"Step Forward"}},
{"type": "a", "direct":{"className":"action", "href":""}, "attributes":{"data-i18n":"global.pagination.last", "data-action":"last", "data-icon":"step-forward", "data-iconpos":"notext"}, "logic": {"text": "Last"}}
]
}]
}]
}
<?xml version="1.0"?>
<ZopeData>
<record id="1" aka="AAAAAAAAAAE=">
<pickle>
<global name="File" module="OFS.Image"/>
</pickle>
<pickle>
<dictionary>
<item>
<key> <string>_EtagSupport__etag</string> </key>
<value> <string>ts63755011.51</string> </value>
</item>
<item>
<key> <string>__name__</string> </key>
<value> <string>all_apps.json</string> </value>
</item>
<item>
<key> <string>content_type</string> </key>
<value> <string>application/json</string> </value>
</item>
<item>
<key> <string>precondition</string> </key>
<value> <string></string> </value>
</item>
<item>
<key> <string>size</string> </key>
<value> <int>2806</int> </value>
</item>
<item>
<key> <string>title</string> </key>
<value> <string>all_apps.json</string> </value>
</item>
</dictionary>
</pickle>
</record>
</ZopeData>
[
{
"int_index": "0",
"application_image_type": "image",
"application_image_url": "app/taskman.png",
"application_toc_accept": true,
......@@ -7,25 +8,13 @@
"application_submitted":"13/02/2014",
"application_description":"Task manager application with plain text descriptions.",
"application_url":"http://taskman.app.officejs.com/",
"application_title":"Task Manager JS",
"application_category":"Projects",
"application_title_i18n":"application.custom.task_manager_js.title",
"application_description_i18n":"application.custom.task_manager_js.description"
},
{
"application_image_type": "image",
"application_image_url": "app/taskman-editor.png",
"application_toc_accept": true,
"application_published":"13/02/2014",
"application_submitted":"13/02/2014",
"application_description":"Task manager application with full HTML descriptions.",
"application_url":"http://taskman-editor.app.officejs.com/",
"application_title":"Task Manager JS (HTML)",
"application_title":"Task Manager",
"application_category":"Projects",
"application_title_i18n":"application.custom.task_manager_js.title",
"application_description_i18n":"application.custom.task_manager_js.description"
},
{
"int_index": "0",
"application_image_type": "image",
"application_image_url": "app/taskman-spreadsheet.png",
"application_toc_accept": true,
......@@ -33,12 +22,13 @@
"application_submitted":"13/02/2014",
"application_description":"Task manager application with Spreadsheet documents.",
"application_url":"http://taskman-spreadsheet.app.officejs.com/",
"application_title":"Task Manager JS (Spreadsheet)",
"application_title":"Spreadsheet Editor",
"application_category":"Projects",
"application_title_i18n":"application.custom.task_manager_js.title",
"application_description_i18n":"application.custom.task_manager_js.description"
"application_title_i18n":"application.custom.spreadsheet_editor.title",
"application_description_i18n":"application.custom.spreadsheet_editor.description"
},
{
"int_index": "0",
"application_image_type": "image",
"application_image_url": "app/taskman-svg.png",
"application_toc_accept": true,
......@@ -46,12 +36,13 @@
"application_submitted":"13/02/2014",
"application_description":"Task manager application with SVG documents.",
"application_url":"http://taskman-svg.app.officejs.com/",
"application_title":"Task Manager JS (SVG)",
"application_title":"SVG Editor",
"application_category":"Projects",
"application_title_i18n":"application.custom.task_manager_js.title",
"application_description_i18n":"application.custom.task_manager_js.description"
"application_title_i18n":"application.custom.svg_editor.title",
"application_description_i18n":"application.custom.svg_editor.description"
},
{
"int_index": "1",
"application_image_type": "image",
"application_image_url": "http://mediaplayer.app.officejs.com/cover.jpg",
"application_toc_accept": true,
......@@ -65,6 +56,7 @@
"application_description_i18n":"application.custom.media_player.description"
},
{
"int_index": "6",
"application_image_type": "image",
"application_image_url": "img/appjabbericon.svg",
"application_toc_accept": true,
......@@ -78,6 +70,7 @@
"application_description_i18n":"application.custom.jabber_client.description"
},
{
"int_index": "5",
"application_image_type": "image",
"application_image_url": "app/text_editor/icon_text_editor.png",
"application_toc_accept": true,
......@@ -85,38 +78,13 @@
"application_submitted":"25/09/2015",
"application_description":"A simple text editor synchronizing data in the Cloud",
"application_url":"https://texteditor.app.officejs.com",
"application_title":"Text Editor JS",
"application_title":"Text Editor",
"application_category":"Documents",
"application_title_i18n":"application.custom.text_editor_js.title",
"application_description_i18n":"application.custom.text_editor_js.description"
},
{
"application_image_type": "image",
"application_image_url": "app/workflow_manager/icon_workflow2.png",
"application_toc_accept": true,
"application_published": null,
"application_submitted":"08/15/2013",
"application_description":"COMING SOON",
"application_url":"",
"application_title":"Workflow JS",
"application_category":"Projects",
"application_title_i18n":"application.custom.workflow_js.title",
"application_description_i18n":"application.custom.workflow_js.description"
},
{
"application_image_type": "image",
"application_image_url": "app/contact_manager/icon_contacts.png",
"application_toc_accept": true,
"application_published": null,
"application_submitted":"08/15/2013",
"application_description":"COMING SOON",
"application_url":"",
"application_title":"Contacts JS",
"application_category":"Contacts",
"application_title_i18n":"application.custom.contacts_js.title",
"application_description_i18n":"application.custom.contacts_js.description"
},
{
"int_index": "4",
"application_image_type": "image",
"application_image_url": "https://slapos.vifib.com/vifib_commercial_image/vifib-resilience-logo.png",
"application_toc_accept": false,
......
......@@ -6,9 +6,13 @@
</pickle>
<pickle>
<dictionary>
<item>
<key> <string>_Cacheable__manager_id</string> </key>
<value> <string>http_cache</string> </value>
</item>
<item>
<key> <string>_EtagSupport__etag</string> </key>
<value> <string>ts62870123.77</string> </value>
<value> <string>ts63755750.13</string> </value>
</item>
<item>
<key> <string>__name__</string> </key>
......@@ -16,7 +20,7 @@
</item>
<item>
<key> <string>content_type</string> </key>
<value> <string>application/octet-stream</string> </value>
<value> <string>application/json</string> </value>
</item>
<item>
<key> <string>precondition</string> </key>
......@@ -24,7 +28,7 @@
</item>
<item>
<key> <string>size</string> </key>
<value> <int>5942</int> </value>
<value> <int>4383</int> </value>
</item>
<item>
<key> <string>title</string> </key>
......
......@@ -4638,8 +4638,14 @@
window.localStorage.clear();
// initalize translations
var lng = window.navigator.userLanguage || window.navigator.language;
if (lng.indexOf("zh") !== 0) {
lng = "en-EN";
} else {
lng = "zh-CN";
}
$.i18n.init({
lng: 'zh-CN',
lng: lng,
load: 'current',
fallbackLng: false,
resGetPath: 'lang/__lng__/__ns__.json',
......
......@@ -73,7 +73,8 @@
},
"languages": {
"english": "English",
"chinese": "中文"
"chinese": "中文",
"pick": "Languages:"
},
"category": {
"title": "Categories",
......@@ -164,6 +165,18 @@
"contacts_js": {
"title": "Contacts JS",
"description": "COMING SOON"
},
"spreadsheet_editor": {
"title": "Spreadsheet Editor",
"description": "Task manager application with Spreadsheet documents."
},
"svg_editor": {
"title": "SVG Editor",
"description": "Task manager application with SVG documents."
},
"monitor_js": {
"title": "Monitor",
"description": "Cloud Monitoring Tool"
}
},
"field_list": {
......
......@@ -73,7 +73,8 @@
},
"languages": {
"english": "English",
"chinese": "中文"
"chinese": "中文",
"pick": "语言:"
},
"category": {
"title": "类别",
......@@ -154,16 +155,28 @@
"description": "一款基于renderJS模板的jabber客户端"
},
"text_editor_js": {
"title": "文本编辑 JS",
"description": "A simple text editor synchronizing data in the Cloud."
"title": "文本编辑",
"description": "一款简易的云端数据同步的文本编辑"
},
"workflow_js": {
"title": "工作流程 JS",
"title": "工作流程",
"description": "COMING SOON."
},
"contacts_js": {
"title": "联络 JS",
"title": "联络",
"description": "COMING SOON"
},
"spreadsheet_editor": {
"title": "电子表格编辑",
"description": "电子表格式的任务管理应用."
},
"svg_editor": {
"title": "SVG 编辑",
"description": "SVG文件任务管理应用"
},
"monitor_js": {
"title": "监测",
"description": "云监测工具"
}
},
"field_list": {
......
Markdown is supported
0%
or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment