cryptpad/customize.dist/pages/index.js

define([
    'jquery',
    '/api/config',
    '/common/hyperscript.js',
    '/common/common-feedback.js',
    '/common/common-interface.js',
    '/common/common-hash.js',
    '/common/common-constants.js',
    '/common/common-util.js',
    '/lib/textFit.min.js',
    '/customize/messages.js',
    '/customize/application_config.js',
    '/common/outer/local-store.js',
    '/customize/pages.js'
], function ($, Config, h, Feedback, UI, Hash, Constants, Util, TextFit, Msg, AppConfig, LocalStore, Pages) {
    var urlArgs = Config.requireConf.urlArgs;

    var isAvailableType = function (x) {
        if (!Array.isArray(AppConfig.availablePadTypes)) { return true; }
        return AppConfig.availablePadTypes.indexOf(x) !== -1;
    };

    var checkEarlyAccess = function (x) {
        // Check if this is an early access app and if they are allowed.
        // Check if this is a premium app and if you're premium
        // Returns false if the app should be hidden
        var earlyTypes = Constants.earlyAccessApps;
        var ea = Util.checkRestrictedApp(x, AppConfig, earlyTypes,
                    LocalStore.getPremium(), LocalStore.isLoggedIn());
        return ea > 0;
    };
    var checkRegisteredType = function (x) {
        // Return true if we're registered or if the app is not registeredOnly
        if (LocalStore.isLoggedIn()) { return true; }
        if (!Array.isArray(AppConfig.registeredOnlyTypes)) { return true; }
        return AppConfig.registeredOnlyTypes.indexOf(x) === -1;
    };

    return function () {
        var icons = [
                [ 'sheet', Msg.type.sheet],
                [ 'doc', Msg.type.doc],
                [ 'presentation', Msg.type.presentation],
                [ 'pad', Msg.type.pad],
                [ 'kanban', Msg.type.kanban],
                [ 'code', Msg.type.code],
                [ 'form', Msg.type.form],
                [ 'whiteboard', Msg.type.whiteboard],
                [ 'slide', Msg.type.slide]
            ].filter(function (x) {
                return isAvailableType(x[0]);
            })
            .map(function (x) {
                var s = 'div.bs-callout.cp-callout-' + x[0];
                var cls = '';
                var isEnabled = checkRegisteredType(x[0]);
                var isEAEnabled = checkEarlyAccess(x[0]);
                //if (i > 2) { s += '.cp-more.cp-hidden'; }
                var icon = AppConfig.applicationsIcon[x[0]];
                var font = icon.indexOf('cptools') === 0 ? 'cptools' : 'fa';
                var href = '/'+ x[0] +'/';
                var attr = isEnabled ? { href: href } : {
                    onclick: function () {
                        var loginURL = Hash.hashToHref('', 'login');
                        var url = Hash.getNewPadURL(loginURL, { href: href });
                        window.location.href = url;
                    }
                };
                if (!isEAEnabled) {
                    cls += '.cp-app-hidden';
                }
                if (!isEnabled) {
                    cls += '.cp-app-disabled';
                    attr.title = Msg.mustLogin;
                }
                return h('a.cp-index-appitem' + cls, [
                    attr,
                    h(s, [
                        h('i.' + font + '.' + icon, {'aria-hidden': 'true'}),
                        h('div.pad-button-text', [ x[1] ])
                    ])
                ]);
            });

        icons.forEach(function (a) {
            setTimeout(function () {
                // ensure that text in our app icons doesn't overflow
                TextFit($(a).find('.pad-button-text')[0], {minFontSize: 13, maxFontSize: 18});
            });
        });
        UI.addTooltips();

        var subscribeButton;
        /* Display a subscribe button if they are enabled and the button's translation key exists */
        if (Config.allowSubscriptions) {
            subscribeButton = Pages.subscribeButton(function () {
                Feedback.send('HOME_SUBSCRIBE_CRYPTPAD');
            });
        }

        var pageLink = function (ref, loc, text) {
            if (!ref) { return; }
            var attrs =  {
                href: ref,
            };
            if (!/^\//.test(ref)) {
                attrs.target = '_blank';
                attrs.rel = 'noopener noreferrer';
            }
            if (loc) {
                attrs['data-localization'] =  loc;
                text = Msg[loc];
            }
            return h('a', attrs, text);
        };

        var fastLink = k => pageLink(Pages.customURLs[k], k);

        // XXX DB: this may be wrong, pasted over form pages.js
        var imprintLink = fastLink('imprint');
        var privacyLink = fastLink('privacy');
        var termsLink = fastLink('terms');

        var notice;
/*  Admins can specify a notice to display in application_config.js via the `homeNotice` attribute.
    If the text is the key for the translation system then then the most appropriate translated text
    will be displayed. Otherwise, the direct text will be included as HTML.
*/
        if (AppConfig.homeNotice) {
            notice = h('div.alert.alert-info', Pages.setHTML(h('span'), [
                Msg[AppConfig.homeNotice] || AppConfig.homeNotice
            ]));
        }

        return [
            h('div#cp-main', [
                Pages.infopageTopbar(),
                h('div.container.cp-container', [
                    h('div.row.cp-home-hero', [
                        h('div.cp-title.col-md-6', [
                            h('img', {
                                src: '/customize/CryptPad_logo.svg?' + urlArgs,
                                'aria-hidden': 'true',
                                alt: ''
                            }),
                            h('h1', 'CryptPad.fr'), // XXX use instance name
                            UI.setHTML(h('span.tag-line'), Msg.main_catch_phrase), // XXX Use instance description
                            h('div.cp-instance-location', [
                                h('i.fa.fa-map-pin', {'aria-hidden': 'true'}),
                                'Encrypted data is hosted in: France (OVH)' // XXX Use instance location
                            ]),
                            termsLink, // XXX DB: insert link to ToS if available
                            privacyLink, // XXX DB: insert link to privacy policy if available
                            imprintLink // XXX DB: insert link to imprint if available
                        ]),
                        h('div.col-md-6', [
                            h('div.cp-app-grid', [
                                h('span.cp-app-new', [
                                    h('i.fa.fa-plus'),
                                    Msg.fm_newFile
                                ]),
                                h('div.cp-app-grid-apps', [
                                    icons,
                                ])
                            ]),
                            h('a.cp-app-drive', {'href': '/drive/'}, [ // XXX check this is correct
                                h('i.fa.fa-hdd-o', {'aria-hidden': 'true'}),
                                'Drive: 1GB' // XXX Use instance default storage
                            ]) // XXX DB TODO: add drive link
                        ])
                    ]),
                    notice
                ]),
                Pages.infopageFooter(),
            ]),
        ];
    };
});