Move static pages content in their own file

2018-10-25 11:41:18 +02:00
parent e3b89a5e59
commit d3dbd0c712
16 changed files with 908 additions and 822 deletions
--- a/customize.dist/pages/index.js
+++ b/customize.dist/pages/index.js
@@ -0,0 +1,131 @@
+define([
+    'jquery',
+    '/api/config',
+    '/common/hyperscript.js',
+    '/customize/messages.js',
+    '/customize/application_config.js',
+    '/customize/pages.js'
+], function ($, Config, h, Msg, AppConfig, Pages) {
+    var urlArgs = Config.requireConf.urlArgs;
+
+    var isAvailableType = function (x) {
+        if (!Array.isArray(AppConfig.availablePadTypes)) { return true; }
+        return AppConfig.availablePadTypes.some(function (type) {
+            return x.indexOf(type) > -1;
+        });
+    };
+
+    return function () {
+        var showingMore = false;
+
+        var icons = [
+                [ 'pad', '/pad/', Msg.main_richTextPad, 'pad' ],
+                [ 'code', '/code/', Msg.main_codePad, 'code' ],
+                [ 'slide', '/slide/', Msg.main_slidePad, 'slide' ],
+                [ 'poll', '/poll/', Msg.main_pollPad, 'poll' ],
+                [ 'kanban', '/kanban/', Msg.main_kanbanPad, 'kanban' ],
+                [ 'whiteboard', '/whiteboard/', Msg.main_whiteboardPad, 'whiteboard' ],
+                [ 'recent', '/drive/', Msg.main_localPads, 'drive' ]
+            ].filter(function (x) {
+                return isAvailableType(x[1]);
+            })
+            .map(function (x, i) {
+                var s = 'div.bs-callout.cp-callout-' + x[0];
+                if (i > 2) { s += '.cp-more.cp-hidden'; }
+                return h('a', [
+                    { href: x[1] },
+                    h(s, [
+                        h('i.fa.' + AppConfig.applicationsIcon[x[3]]),
+                        h('div.pad-button-text', [ h('h4', x[2]) ])
+                    ])
+                ]);
+            });
+
+        var more = icons.length < 4? undefined: h('div.bs-callout.cp-callout-more', [
+                h('div.cp-callout-more-lessmsg.cp-hidden', [
+                    "see less ",
+                    h('i.fa.fa-caret-up')
+                ]),
+                h('div.cp-callout-more-moremsg', [
+                    "see more ",
+                    h('i.fa.fa-caret-down')
+                ]),
+                {
+                    onclick: function () {
+                        if (showingMore) {
+                            $('.cp-more, .cp-callout-more-lessmsg').addClass('cp-hidden');
+                            $('.cp-callout-more-moremsg').removeClass('cp-hidden');
+                        } else {
+                            $('.cp-more, .cp-callout-more-lessmsg').removeClass('cp-hidden');
+                            $('.cp-callout-more-moremsg').addClass('cp-hidden');
+                        }
+                        showingMore = !showingMore;
+                    }
+                }
+            ]);
+
+        var _link = h('a', {
+            href: "https://opencollective.com/cryptpad/contribute",
+            target: '_blank',
+            rel: 'noopener',
+        });
+
+        var crowdFunding = AppConfig.disableCrowdfundingMessages ? undefined : h('button', [
+            Msg.crowdfunding_button
+        ]);
+
+        $(crowdFunding).click(function () {
+            _link.click();
+        });
+
+        var blocks = h('div.container',[
+            h('div.row.justify-content-sm-center',[
+                h('div.col-12.col-sm-4.cp-index-block.cp-index-block-host', h('div', [
+                    Pages.setHTML(h('span'), Msg.home_host),
+                    h('img', {
+                        src: "/customize/images/AGPL.png",
+                        title: Msg.home_host_agpl
+                    })
+                ])),
+                h('div.col-12.col-sm-4.cp-index-block.cp-index-block-product', h('div', [
+                    Msg.home_product
+                ])),
+                h('div.col-12.col-sm-4.cp-index-block.cp-index-block-help', h('div', [
+                    Msg.crowdfunding_home1,
+                    h('br'),
+                    Msg.crowdfunding_home2,
+                    h('br'),
+                    crowdFunding,
+                    _link
+                ])),
+            ])
+        ]);
+
+        return [
+            h('div#cp-main', [
+                Pages.infopageTopbar(),
+                h('div.container.cp-container', [
+                    h('div.row', [
+                        h('div.cp-title.col-12.col-sm-6', [
+                            h('img', { src: '/customize/cryptpad-new-logo-colors-logoonly.png?' + urlArgs }),
+                            h('h1', 'CryptPad'),
+                            h('p', Msg.main_catch_phrase)
+                        ]),
+                        h('div.col-12.col-sm-6', [
+                            icons,
+                            more
+                        ])
+                    ]),
+                    blocks,
+                    /*h('div.row', [
+                        h('div.cp-crowdfunding', [
+                            crowdFunding
+                        ])
+                    ])*/
+                ]),
+            ]),
+            Pages.infopageFooter(),
+        ];
+    };
+});
+