define ( [
'/api/config' ,
'/common/hyperscript.js' ,
'/common/cryptpad-common.js' ,
'jquery'
] , function ( Config , h , Cryptpad , $ ) {
var Pages = { } ;
var Msg = Cryptpad . Messages ;
var urlArgs = Config . requireConf . urlArgs ;
var setHTML = function ( e , html ) {
e . innerHTML = html ;
return e ;
} ;
var footerCol = function ( title , L , literal ) {
return h ( 'div.col-6.col-sm-3' , [
h ( 'ul.list-unstyled' , [
h ( 'li.footer-title' , {
'data-localization' : title ,
} , title ? Msg [ title ] : literal )
] . concat ( L . map ( function ( l ) {
return h ( 'li' , [ l ] ) ;
} ) )
)
] ) ;
} ;
var footLink = function ( ref , loc , text ) {
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 infopageFooter = function ( ) {
return h ( 'footer' , [
h ( 'div.container' , [
h ( 'div.row' , [
footerCol ( null , [
h ( 'div.cp-bio-foot' , [
h ( 'p' , Msg . main _footerText )
] )
] , '' ) ,
/ * f o o t e r C o l ( n u l l , [
footLink ( '/about.html' , 'about' ) ,
footLink ( '/terms.html' , 'terms' ) ,
footLink ( '/privacy.html' , 'privacy' ) ,
] , 'CryptPad' ) , * /
footerCol ( 'footer_applications' , [
footLink ( '/drive/' , 'main_drive' ) ,
footLink ( '/pad/' , 'main_richText' ) ,
footLink ( '/code/' , 'main_code' ) ,
footLink ( '/slide/' , 'main_slide' ) ,
footLink ( '/poll/' , 'main_poll' ) ,
footLink ( '/whiteboard/' , null , Msg . type . whiteboard )
] ) ,
footerCol ( 'footer_aboutUs' , [
footLink ( 'https://blog.cryptpad.fr' , 'blog' ) ,
footLink ( 'https://labs.xwiki.com' , null , 'XWiki Labs' ) ,
footLink ( 'http://www.xwiki.com' , null , 'XWiki SAS' ) ,
footLink ( 'https://www.open-paas.org' , null , 'OpenPaaS' )
] ) ,
footerCol ( 'footer_contact' , [
footLink ( 'https://riot.im/app/#/room/#cryptpad:matrix.org' , null , 'Chat' ) ,
footLink ( 'https://twitter.com/cryptpad' , null , 'Twitter' ) ,
footLink ( 'https://github.com/xwiki-labs/cryptpad' , null , 'GitHub' ) ,
footLink ( '/contact.html' , null , 'Email' )
] )
] )
] ) ,
h ( 'div.cp-version-footer' , "CryptPad v1.14.0 (Ouroboros)" )
] ) ;
} ;
var infopageTopbar = function ( ) {
var rightLinks ;
var username = window . localStorage . getItem ( 'User_name' ) ;
if ( username === null ) {
rightLinks = [
h ( 'a.nav-item.nav-link.cp-login-btn' , { href : '/login/' } , Msg . login _login ) ,
h ( 'a.nav-item.nav-link.cp-register-btn' , { href : '/register/' } , Msg . login _register )
] ;
} else {
rightLinks = h ( 'a.nav-item.nav-link.cp-user-btn' , { href : '/drive/' } , [
h ( 'i.fa.fa-user-circle' ) ,
" " ,
username
] ) ;
}
return h ( 'nav.navbar.navbar-toggleable-md' ,
h ( 'button.navbar-toggler.navbar-toggler-right' , { 'type' : 'button' } , { 'data-toggle' : 'collapse' } , { 'data-target' : '#menuCollapse' } , { 'aria-controls' : 'menuCollapse' } , { 'aria-expanded' : 'false' } , { 'aria-label' : 'Toggle navigation' } ,
[ h ( 'i.fa.fa-bars ' )
] ) ,
h ( 'a.navbar-brand' , { href : '/index.html' } ) ,
h ( 'div.collapse.navbar-collapse.justify-content-end#menuCollapse' , [
h ( 'a.nav-item.nav-link' , { href : '/what-is-cryptpad.html' } , Msg . topbar _whatIsCryptpad ) ,
h ( 'a.nav-item.nav-link' , { href : 'https://blog.cryptpad.fr/' } , Msg . blog ) ,
h ( 'a.nav-item.nav-link' , { href : '/contact.html' } , Msg . contact ) ,
h ( 'a.nav-item.nav-link' , { href : '/about.html' } , Msg . about ) ,
] . concat ( rightLinks ) )
) ;
} ;
Pages [ '/about.html' ] = function ( ) {
return h ( 'div#cp-main' , [
infopageTopbar ( ) ,
h ( 'div.container-fluid.cp-about-intro' , [
h ( 'div.container' , [
h ( 'center' , [
h ( 'h1' , Msg . about ) ,
setHTML ( h ( 'p' ) , 'CryptPad is created inside of the Research Team at <a href="http://xwiki.com">XWiki SAS</a>, a small business located in Paris France and Iasi Romania. There are 3 core team members working on CryptPad plus a number of contributors both inside and outside of XWiki SAS.' ) ,
] ) ,
] ) ,
] ) ,
h ( 'div.container.cp-container' , [
h ( 'div.row' , [
h ( 'div.cp-develop-about.col-12' , [
h ( 'div.cp-icon-cent' ) ,
h ( 'h2.text-center' , 'Core Developers' )
] ) ,
] ) ,
h ( 'div.row.align-items-center' , [
h ( 'div.col-12.col-sm-12.col-md-12.col-lg-6.cp-bio-avatar' , [
h ( 'img.img-fluid' , { 'src' : '/customize/images/CalebJames.jpg' } )
] ) ,
h ( 'div.col-12.col-sm-12.col-md-12.col-lg-6.cp-profile-det' , [
h ( 'h3' , "Caleb James Delisle" ) ,
h ( 'hr' ) ,
setHTML ( h ( 'div#bioCaleb' ) , '<p>Caleb is a cryptography developer, Machine Technology graduate of the Franklin County Technical School and lifelong tinkerer.<br/>In 2011, he started the cjdns Open Source project to show that secure networking could be invisible and easily deployed.<br/>After joining XWiki SAS in 2014, he started the CryptPad project with the intent of bringing the same transparent security to collaborative editing.<br/>He\'s always trying to learn from more experienced colleagues and when someone passes through the Research Team office, his favorite words are "Pull up a chair!".</p>' ) ,
h ( 'a.cp-soc-media' , { href : 'https://twitter.com/cjdelisle' } , [
h ( 'i.fa.fa-twitter' )
] ) ,
h ( 'a.cp-soc-media' , { href : 'https://github.com/cjdelisle' } , [
h ( 'i.fa.fa-github' )
] )
] ) ,
] ) ,
h ( 'div.row.align-items-center' , [
h ( 'div.col-12.col-sm-12.col-md-12.col-lg-6.push-lg-6.cp-bio-avatar.cp-bio-avatar-right' , [
h ( 'img.img-fluid' , { 'src' : '/customize/images/AaronMacSween.jpg' } )
] ) ,
h ( 'div.col-12.col-sm-12.col-md-12.col-lg-6.pull-lg-6.cp-profile-det' , [
h ( 'h3' , "Aaron MacSween" ) ,
h ( 'hr' ) ,
setHTML ( h ( 'div#bioAaron' ) , '<p>Aaron transitioned into distributed systems development from a background in jazz and live stage performance. <br/> He appreciates the elegance of biological systems and functional programming, and focused on both as a student at the University of Toronto, where he studied cognitive and computer sciences.<br/>He moved to Paris in 2015 to work as a research engineer at XWiki SAS, after having dedicated significant time to various cryptography-related software projects.<br/>He spends his spare time experimenting with guitars, photography, science fiction, and spicy food.</p>' ) ,
h ( 'a.cp-soc-media' , { href : 'https://twitter.com/fc00ansuz' } , [
h ( 'i.fa.fa-twitter' )
] ) ,
h ( 'a.cp-soc-media' , { href : 'https://github.com/ansuz/' } , [
h ( 'i.fa.fa-github' )
] )
] ) ,
] ) ,
h ( 'div.row.align-items-center' , [
h ( 'div.col-12.col-sm-12.col-md-12.col-lg-6.cp-bio-avatar' , [
h ( 'img.img-fluid' , { 'src' : '/customize/images/YannFlory.jpg' } )
] ) ,
h ( 'div.col-12.col-sm-12.col-md-12.col-lg-6.cp-profile-det' , [
h ( 'h3' , "Yann Flory" ) ,
h ( 'hr' ) ,
setHTML ( h ( 'div#bioYann' ) , '<p>In 2015, Yann graduated with an engineering degree from Ecole Centrale de Lille majoring in Data Science. In his studies he worked on a project to detect defects in optical fiber using image processing technology.<br/>Upon joining XWiki SAS, Yann developed a Wiki page recommendation system, a common API for accessing data server-side and client-side, and an integrated development environment for development of XWiki applications.<br/>Yann is soft spoken but brutally efficient, he is known to say "It will take 5 minutes".</p>' ) ,
h ( 'a.cp-soc-media' , { href : 'https://github.com/yflory/' } , [
h ( 'i.fa.fa-github' )
] )
] ) ,
] ) ,
h ( 'div.row' , [
h ( 'div.cp-develop-about.col-12.cp-contrib' , [
h ( 'div.cp-icon-cent' ) ,
h ( 'h2.text-center' , 'Key Contributors' )
] ) ,
] ) ,
h ( 'div.row.align-items-center' , [
h ( 'div.col-12.col-sm-12.col-md-12.col-lg-6.cp-bio-avatar' , [
h ( 'img.img-fluid' , { 'src' : '/customize/images/Pierre-new.jpg' } )
] ) ,
h ( 'div.col-12.col-sm-12.col-md-12.col-lg-6.cp-profile-det' , [
h ( 'h3' , "Pierre Bondoerffer" ) ,
h ( 'hr' ) ,
setHTML ( h ( 'div#bioPierre' ) , '<p>Resident CSS wizard and emoji extraordinaire, Pierre is passionate about anything related to technology. He loves to hack around computers and put parts together.<br/>He is currently studying at 42, where he learns about algorithms, networking, kernel programming and graphics.<br/>As a part of an internship, he joined XWiki SAS and worked on CryptPad to improve user experience. He also maintains the Spanish translation.</p>' ) ,
h ( 'a.cp-soc-media' , { href : 'https://twitter.com/pbondoer' } , [
h ( 'i.fa.fa-twitter' )
] ) ,
h ( 'a.cp-soc-media' , { href : 'https://github.com/pbondoer' } , [
h ( 'i.fa.fa-github' )
] )
] ) ,
] ) ,
h ( 'div.row.align-items-center' , [
h ( 'div.col-12.col-sm-12.col-md-12.col-lg-6.push-lg-6.cp-bio-avatar.cp-bio-avatar-right' , [
h ( 'img.img-fluid' , { 'src' : '/customize/images/Catalin.jpg' } )
] ) ,
h ( 'div.col-12.col-sm-12.col-md-12.col-lg-6.pull-lg-6.cp-profile-det' , [
h ( 'h3' , "Catalin Scripcariu" ) ,
h ( 'hr' ) ,
setHTML ( h ( 'div#bioCatalin' ) , '<p> Catalin is a Maths majour and has worked in B2B sales for 12 years. Design was always his passion and 3 years ago he started to dedicate himself to web design and front-end.<br/>At the beginning of 2017 he joined the XWiki, where he worked both on the business and the community side of XWiki, including the research team and CryptPad. </p>' ) ,
h ( 'a.cp-soc-media' , { href : 'https://twitter.com/catalinscr' } , [
h ( 'i.fa.fa-twitter' )
] ) ,
h ( 'a.cp-soc-media' , { href : 'https://www.linkedin.com/in/catalinscripcariu/' } , [
h ( 'i.fa.fa-linkedin' )
] )
] ) ,
] ) ,
h ( 'div.row.align-items-center.cp-margin-bot' , [
h ( 'div.col-12.col-sm-12.col-md-12.col-lg-6.cp-bio-avatar' , [
h ( 'img.img-fluid' , { 'src' : '/customize/images/LudovicDuboist.jpg' } )
] ) ,
h ( 'div.col-12.col-sm-12.col-md-12.col-lg-6.cp-profile-det' , [
h ( 'h3' , "Ludovic Dubost" ) ,
h ( 'hr' ) ,
setHTML ( h ( 'div#bioLudovic' ) , '<p>A graduate of PolyTech (X90) and Telecom School in Paris, Ludovic Dubost started his career as a software architect for Netscape Communications Europe. He then became CTO of NetValue, one of the first French start-ups that went public. He left NetValue after the company was purchased by Nielsen/NetRatings and in 2004 launched XWiki, the next generation wiki.<br/>Since the very beginning, Ludovic has been immensely helpful to the CryptPad project. He believed in the idea when there was nothing more than the collaborative pad and his help with sales strategy for the project.</p>' ) ,
h ( 'a.cp-soc-media' , { href : 'https://twitter.com/ldubost' } , [
h ( 'i.fa.fa-twitter' )
] ) ,
h ( 'a.cp-soc-media' , { href : 'https://github.com/ldubost' } , [
h ( 'i.fa.fa-github' )
] )
] ) ,
] ) ,
] ) ,
infopageFooter ( )
] ) ;
} ;
Pages [ '/privacy.html' ] = function ( ) {
return h ( 'div#cp-main' , [
infopageTopbar ( ) ,
h ( 'div.container.cp-container' , [
h ( 'center' , h ( 'h1' , Msg . policy _title ) ) ,
h ( 'h2' , Msg . policy _whatweknow ) ,
h ( 'p' , Msg . policywhatweknow _p1 ) ,
h ( 'h2' , Msg . policy _howweuse ) ,
h ( 'p' , Msg . policy _howweuse _p1 ) ,
h ( 'p' , Msg . policy _howweuse _p2 ) ,
h ( 'h2' , Msg . policy _whatwetell ) ,
h ( 'p' , Msg . policy _whatwetell _p1 ) ,
h ( 'h2' , Msg . policy _links ) ,
h ( 'p' , Msg . policy _links _p1 ) ,
h ( 'h2' , Msg . policy _ads ) ,
h ( 'p' , Msg . policy _ads _p1 ) ,
h ( 'h2' , Msg . policy _choices ) ,
h ( 'p' , Msg . policy _choices _open ) ,
setHTML ( h ( 'p' ) , Msg . policy _choices _vpn ) ,
] ) ,
infopageFooter ( )
] ) ;
} ;
Pages [ '/terms.html' ] = function ( ) {
return h ( 'div#cp-main' , [
infopageTopbar ( ) ,
h ( 'div.container.cp-container' , [
h ( 'center' , h ( 'h1' , Msg . tos _title ) ) ,
h ( 'p' , Msg . tos _legal ) ,
h ( 'p' , Msg . tos _availability ) ,
h ( 'p' , Msg . tos _e2ee ) ,
h ( 'p' , Msg . tos _logs ) ,
h ( 'p' , Msg . tos _3rdparties ) ,
] ) ,
infopageFooter ( )
] ) ;
} ;
Pages [ '/contact.html' ] = function ( ) {
return h ( 'div#cp-main' , [
infopageTopbar ( ) ,
h ( 'div.container.cp-container' , [
h ( 'center' , h ( 'h1' , Msg . contact ) ) ,
setHTML ( h ( 'p' ) , Msg . main _about _p2 )
] ) ,
infopageFooter ( ) ,
] ) ;
} ;
Pages [ '/what-is-cryptpad.html' ] = function ( ) {
return h ( 'div#cp-main' , [
infopageTopbar ( ) ,
h ( 'div.container-fluid.cp-what-is' , [
h ( 'div.container' , [
h ( 'div.row' , [
h ( 'div.col-12.text-center' , h ( 'h1' , Msg . whatis _title ) ) ,
] ) ,
] ) ,
] ) ,
h ( 'div.container.cp-container' , [
h ( 'div.row.align-items-center' , [
h ( 'div.col-12.col-sm-12.col-md-12.col-lg-6' , [
setHTML ( h ( 'h2' ) , Msg . whatis _collaboration ) ,
setHTML ( h ( 'p' ) , Msg . whatis _collaboration _p1 ) ,
setHTML ( h ( 'p' ) , Msg . whatis _collaboration _p2 ) ,
setHTML ( h ( 'p' ) , Msg . whatis _collaboration _p3 ) ,
] ) ,
h ( 'div.col-12.col-sm-12.col-md-12.col-lg-6' , [
h ( 'img' , { src : '/customize/images/pad_screenshot.png?' + urlArgs } ) ,
] ) ,
] ) ,
h ( 'div.row.align-items-center' , [
h ( 'div.col-12.col-sm-12.col-md-12.col-lg-6.push-lg-6' , [
setHTML ( h ( 'h2' ) , Msg . whatis _zeroknowledge ) ,
setHTML ( h ( 'p' ) , Msg . whatis _zeroknowledge _p1 ) ,
setHTML ( h ( 'p' ) , Msg . whatis _zeroknowledge _p2 ) ,
setHTML ( h ( 'p' ) , Msg . whatis _zeroknowledge _p3 ) ,
] ) ,
h ( 'div.col-12.col-sm-12.col-md-12.col-lg-6.pull-lg-6' , [
h ( 'img#zeroknowledge' , { src : '/customize/images/zeroknowledge_small.png?' + urlArgs } ) ,
] ) ,
] ) ,
h ( 'div.row.align-items-center' , [
h ( 'div.col-12.col-sm-12.col-md-12.col-lg-6' , [
setHTML ( h ( 'h2' ) , Msg . whatis _drive ) ,
setHTML ( h ( 'p' ) , Msg . whatis _drive _p1 ) ,
setHTML ( h ( 'p' ) , Msg . whatis _drive _p2 ) ,
setHTML ( h ( 'p' ) , Msg . whatis _drive _p3 ) ,
] ) ,
h ( 'div.col-12.col-sm-12.col-md-12.col-lg-6' , [
h ( 'img' , { src : '/customize/images/drive_screenshot.png?' + urlArgs } ) ,
] ) ,
] ) ,
h ( 'div.row.align-items-center' , [
h ( 'div.col-12' , [
setHTML ( h ( 'h2.text-center' ) , Msg . whatis _business ) ,
setHTML ( h ( 'p' ) , Msg . whatis _business _p1 ) ,
setHTML ( h ( 'p' ) , Msg . whatis _business _p2 ) ,
] ) ,
] ) ,
] ) ,
infopageFooter ( ) ,
] ) ;
} ;
Pages [ '/' ] = Pages [ '/index.html' ] = function ( ) {
var showingMore = false ;
return [
h ( 'div#cp-main' , [
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' , [
[
[ 'pad' , '/pad/' , Msg . main _richTextPad , 'fa-file-word-o' ] ,
[ 'code' , '/code/' , Msg . main _codePad , 'fa-file-code-o' ] ,
[ 'slide' , '/slide/' , Msg . main _slidePad , 'fa-file-powerpoint-o' ] ,
[ 'poll.cp-more.cp-hidden' , '/poll/' , Msg . main _pollPad , 'fa-calendar' ] ,
[ 'whiteboard.cp-more.cp-hidden' , '/whiteboard/' , Msg . main _whiteboardPad , 'fa-paint-brush' ] ,
[ 'recent.cp-more.cp-hidden' , '/drive/' , Msg . main _localPads , 'fa-hdd-o' ]
] . map ( function ( x ) {
return h ( 'a' , [
{ href : x [ 1 ] } ,
h ( 'div.bs-callout.cp-callout-' + x [ 0 ] , [
h ( 'i.fa.' + x [ 3 ] ) ,
h ( 'div.pad-button-text' , [ h ( 'h4' , x [ 2 ] ) ] )
] )
] ) ;
} ) ,
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 loadingScreen = function ( ) {
return h ( 'div#loading' ,
h ( 'div.loadingContainer' , [
h ( 'img.cryptofist' , {
src : '/customize/cryptpad-new-logo-colors-logoonly.png?' + urlArgs
} ) ,
h ( 'div.spinnerContainer' ,
h ( 'span.fa.fa-circle-o-notch.fa-spin.fa-4x.fa-fw' ) ) ,
h ( 'p' , Msg . loading )
] )
) ;
} ;
Pages [ '/user/' ] = Pages [ '/user/index.html' ] = function ( ) {
return h ( 'div#container' ) ;
} ;
Pages [ '/register/' ] = Pages [ '/register/index.html' ] = function ( ) {
return [ h ( 'div#cp-main' , [
infopageTopbar ( ) ,
h ( 'div.container-fluid.cp-register-wel' , [
h ( 'div.container' , [
h ( 'div.row' , [
h ( 'div.col-12' , [
h ( 'h1.text-center' , Msg . register _header )
] )
] )
] )
] ) ,
h ( 'div.container.cp-container' , [
h ( 'div.row.cp-register-det' , [
h ( 'div#data.hidden.col-md-6' , [
setHTML ( h ( 'p.register-explanation' ) , Msg . register _explanation )
] ) ,
h ( 'div#userForm.form-group.hidden.col-md-6' , [
h ( 'input.form-control#username' , {
type : 'text' ,
autocomplete : 'off' ,
autocorrect : 'off' ,
autocapitalize : 'off' ,
spellcheck : false ,
placeholder : Msg . login _username ,
autofocus : true ,
} ) ,
h ( 'input.form-control#password' , {
type : 'password' ,
placeholder : Msg . login _password ,
} ) ,
h ( 'input.form-control#password-confirm' , {
type : 'password' ,
placeholder : Msg . login _confirm ,
} ) ,
h ( 'div.checkbox-container' , [
h ( 'input#import-recent' , {
name : 'import-recent' ,
type : 'checkbox' ,
checked : true
} ) ,
// hscript doesn't generate for on label for some
// reason... use jquery as a temporary fallback
setHTML ( $ ( '<label for="import-recent"></label>' ) [ 0 ] , Msg . register _importRecent )
/ * h ( ' l a b e l ' , {
'for' : 'import-recent' ,
} , Msg . register _importRecent ) , * /
] ) ,
h ( 'div.checkbox-container' , [
h ( 'input#accept-terms' , {
name : 'accept-terms' ,
type : 'checkbox'
} ) ,
setHTML ( $ ( '<label for="accept-terms"></label>' ) [ 0 ] , Msg . register _acceptTerms )
/ * s e t H T M L ( h ( ' l a b e l ' , {
'for' : 'accept-terms' ,
} ) , Msg . register _acceptTerms ) , * /
] ) ,
h ( 'button#register.btn.cp-login-register' , Msg . login _register )
] )
] ) ,
h ( 'div.row.cp-register-test' , [
h ( 'hr' ) ,
h ( 'div.col-12' , [
setHTML ( h ( 'p.test-details' ) , Msg . register _testimonial ) ,
h ( 'a.cp-test-source.pull-right' , { href : 'http://boingboing.net/2016/09/26/cryptpad-a-freeopen-end-to.html' } , Msg . register _testimonial _name )
] )
] )
] ) ,
infopageFooter ( ) ,
] ) ] ;
} ;
Pages [ '/login/' ] = Pages [ '/login/index.html' ] = function ( ) {
return [ h ( 'div#cp-main' , [
infopageTopbar ( ) ,
h ( 'div.container.cp-container' , [
h ( 'div.row.align-items-center' , [
h ( 'div#data.hidden.col-md-6' , setHTML ( h ( 'p.left' ) , Msg . main _info ) ) ,
h ( 'div#userForm.form-group.hidden.col-md-6' , [
h ( 'input.form-control#name' , {
name : 'name' ,
type : 'text' ,
autocomplete : 'off' ,
autocorrect : 'off' ,
autocapitalize : 'off' ,
spellcheck : false ,
placeholder : Msg . login _username ,
autofocus : true ,
} ) ,
h ( 'input.form-control#password' , {
type : 'password' ,
'name' : 'password' ,
placeholder : Msg . login _password ,
} ) ,
h ( 'div.extra' , [
h ( 'button.login.first.btn' , Msg . login _login ) ,
h ( 'button#register.btn.register.cp-login-register' , Msg . login _register )
] )
] )
] ) ,
] ) ,
infopageFooter ( ) ,
] ) ] ;
} ;
var appToolbar = function ( ) {
return h ( 'div#toolbar.toolbar-container' ) ;
} ;
Pages [ '/whiteboard/' ] = Pages [ '/whiteboard/index.html' ] = function ( ) {
return [
appToolbar ( ) ,
h ( 'div#canvas-area' , h ( 'canvas#canvas' , {
width : 600 ,
height : 600
} ) ) ,
h ( 'div#controls' , {
style : {
display : 'block' ,
}
} , [
h ( 'button#clear.btn.btn-danger' , Msg . canvas _clear ) , ' ' ,
h ( 'button#toggleDraw.btn.btn-secondary' , Msg . canvas _disable ) ,
h ( 'button#delete.btn.btn-secondary' , {
style : {
display : 'none' ,
}
} , Msg . canvas _delete ) ,
h ( 'div.range-group' , [
h ( 'label' , {
'for' : 'width'
} , Msg . canvas _width ) ,
h ( 'input#width' , {
type : 'range' ,
value : "5" ,
min : "1" ,
max : "100"
} ) ,
h ( 'span#width-val' , '5px' )
] ) ,
h ( 'div.range-group' , [
h ( 'label' , {
'for' : 'opacity' ,
} , Msg . canvas _opacity ) ,
h ( 'input#opacity' , {
type : 'range' ,
value : "1" ,
min : "0.1" ,
max : "1" ,
step : "0.1"
} ) ,
h ( 'span#opacity-val' , '100%' )
] ) ,
h ( 'span.selected' , [
h ( 'img' , {
title : Msg . canvas _currentBrush
} )
] )
] ) ,
setHTML ( h ( 'div#colors' ) , ' ' ) ,
loadingScreen ( ) ,
h ( 'div#cursors' , {
style : {
display : 'none' ,
background : 'white' ,
'text-align' : 'center' ,
}
} ) ,
h ( 'div#pickers' ) ,
] ;
} ;
Pages [ '/poll/' ] = Pages [ '/poll/index.html' ] = function ( ) {
return [
appToolbar ( ) ,
h ( 'div#content' , [
h ( 'div#poll' , [
h ( 'div#howItWorks' , [
h ( 'h1' , 'CryptPoll' ) ,
setHTML ( h ( 'h2' ) , Msg . poll _subtitle ) ,
h ( 'p' , Msg . poll _p _save ) ,
h ( 'p' , Msg . poll _p _encryption )
] ) ,
h ( 'div.upper' , [
h ( 'button#publish.btn.btn-success' , {
style : { display : 'none' }
} , Msg . poll _publish _button ) ,
h ( 'button#admin.btn.btn-primary' , {
style : { display : 'none' } ,
title : Msg . poll _admin _button
} , Msg . poll _admin _button ) ,
h ( 'button#help.btn.btn-secondary' , {
title : Msg . poll _show _help _button
} , Msg . poll _show _help _button )
] ) ,
h ( 'div.realtime' , [
h ( 'br' ) ,
h ( 'center' , [
h ( 'textarea#description' , {
rows : "5" ,
cols : "50" ,
disabled : true
} ) ,
h ( 'br' )
] ) ,
h ( 'div#tableContainer' , [
h ( 'div#tableScroll' ) ,
h ( 'button#create-user.btn.btn-secondary' , {
title : Msg . poll _create _user
} , h ( 'span.fa.fa-plus' ) ) ,
h ( 'button#create-option.btn.btn-secondary' , {
title : Msg . poll _create _option
} , h ( 'span.fa.fa-plus' ) ) ,
h ( 'button#commit.btn.btn-secondary' , {
title : Msg . poll _commit
} , h ( 'span.fa.fa-check' ) )
] )
] )
] )
] ) ,
loadingScreen ( )
] ;
} ;
Pages [ '/drive/' ] = Pages [ '/drive/index.html' ] = function ( ) {
return loadingScreen ( ) ;
} ;
Pages [ '/file/' ] = Pages [ '/file/index.html' ] = function ( ) {
return loadingScreen ( ) ;
} ;
Pages [ '/contacts/' ] = Pages [ '/contacts/index.html' ] = function ( ) {
return loadingScreen ( ) ;
} ;
Pages [ '/pad/' ] = Pages [ '/pad/index.html' ] = function ( ) {
return loadingScreen ( ) ;
} ;
Pages [ '/code/' ] = Pages [ '/code/index.html' ] = function ( ) {
return loadingScreen ( ) ;
} ;
Pages [ '/slide/' ] = Pages [ '/slide/index.html' ] = function ( ) {
return loadingScreen ( ) ;
} ;
Pages [ '/invite/' ] = Pages [ '/invite/index.html' ] = function ( ) {
return loadingScreen ( ) ;
} ;
Pages [ '/settings/' ] = Pages [ '/settings/index.html' ] = function ( ) {
return [
h ( 'div#toolbar' ) ,
h ( 'div#container' ) ,
loadingScreen ( )
] ;
} ;
Pages [ '/profile/' ] = Pages [ '/profile/index.html' ] = function ( ) {
return [
h ( 'div#toolbar' ) ,
h ( 'div#container' ) ,
loadingScreen ( )
] ;
} ;
Pages [ '/todo/' ] = Pages [ '/todo/index.html' ] = function ( ) {
return [
h ( 'div#toolbar' ) ,
h ( 'div#container' ) ,
loadingScreen ( )
] ;
} ;
return Pages ;
} ) ;
