Move static pages content in their own file

This commit is contained in:
yflory
2018-10-25 11:41:18 +02:00
parent e3b89a5e59
commit d3dbd0c712
16 changed files with 908 additions and 822 deletions

View File

@@ -7,7 +7,6 @@ define([
'/common/common-realtime.js',
'/customize/application_config.js',
'/bower_components/chainpad-listmap/chainpad-listmap.js',
'/customize/pages.js',
'/poll/render.js',
'/poll/export.js',
'/common/diffMarked.js',
@@ -37,7 +36,6 @@ define([
CommonRealtime,
AppConfig,
Listmap,
Pages,
Renderer,
Exporter,
DiffMd,
@@ -1223,13 +1221,63 @@ define([
}
};
var initialContent = function () {
return [
h('div#cp-toolbar.cp-toolbar-container'),
h('div#cp-app-poll-content', [
h('div#cp-app-poll-form', [
h('div.cp-app-poll-realtime', [
h('br'),
h('div', [
h('textarea#cp-app-poll-description', {
rows: "5",
cols: "50",
placeholder: Messages.poll_descriptionHint,
disabled: true
}),
h('div#cp-app-poll-description-published'),
h('br')
]),
h('div#cp-app-poll-table-container', [
h('div#cp-app-poll-table-scroll', [h('table')]),
h('button#cp-app-poll-create-user.btn.btn-secondary', {
title: Messages.poll_create_user
}, Messages.poll_commit),
h('button#cp-app-poll-create-option.btn.btn-secondary', {
title: Messages.poll_create_option
}, h('span.fa.fa-plus')),
]),
h('div#cp-app-poll-comments', [
h('h2#cp-app-poll-comments-add-title', Messages.poll_comment_add),
h('div#cp-app-poll-comments-add', [
h('input.cp-app-poll-comments-add-name', {
type: 'text',
placeholder: Messages.anonymous
}),
h('textarea.cp-app-poll-comments-add-msg', {
placeholder: Messages.poll_comment_placeholder
}),
h('button.cp-app-poll-comments-add-submit.btn.btn-secondary',
Messages.poll_comment_submit),
h('button.cp-app-poll-comments-add-cancel.btn.btn-secondary',
Messages.cancel)
]),
h('h2#cp-app-poll-comments-list-title', Messages.poll_comment_list),
h('div#cp-app-poll-comments-list')
]),
h('div#cp-app-poll-nocomments', Messages.poll_comment_disabled)
])
])
])
];
};
var main = function () {
nThen(function (waitFor) {
$(waitFor(function () {
UI.addLoadingScreen();
var $div = $('<div>').append(Pages['/poll/']());
var $div = $('<div>').append(initialContent());
$('body').append($div.html());
}));
SFCommon.create(waitFor(function (c) { APP.common = common = c; }));

View File

@@ -6,11 +6,15 @@
<meta content="text/html; charset=utf-8" http-equiv="content-type"/>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<link rel="icon" type="image/png" href="/customize/main-favicon.png" id="favicon"/>
<script async data-bootload="/customize/template.js" data-main="/common/boot.js?ver=1.0" src="/bower_components/requirejs/require.js?ver=2.3.5"></script>
<script async data-bootload="main.js" data-main="/common/boot.js?ver=1.0" src="/bower_components/requirejs/require.js?ver=2.3.5"></script>
</head>
<body class="html">
<noscript>
<p><strong>OOPS</strong> In order to do encryption in your browser, Javascript is really <strong>really</strong> required.</p>
<p><strong>OUPS</strong> Afin de pouvoir réaliser le chiffrement dans votre navigateur, Javascript est <strong>vraiment</strong> nécessaire.</p>
</noscript>
<div id="mainBlock">
<div id="container"></div>
</div>
</body>
</html>

View File

@@ -1,5 +1,11 @@
html, body {
height: 100%;
margin: 0;
padding: 0;
}
.cp #mainBlock {
z-index: 1;
height: 100%;
width: 1000px;
max-width: 90%;
margin: auto;

View File

@@ -8,7 +8,7 @@ define([
'/common/common-hash.js',
'/common/common-interface.js',
'/common/common-thumbnail.js',
'/customize/pages.js',
'/common/hyperscript.js',
'/customize/messages.js',
'/whiteboard/colors.js',
'/customize/application_config.js',
@@ -26,7 +26,7 @@ define([
Hash,
UI,
Thumb,
Pages,
h,
Messages,
Colors,
AppConfig,
@@ -468,11 +468,76 @@ define([
framework.start();
};
var initialContent = function () {
return [
h('div#cp-toolbar.cp-toolbar-container'),
h('div#cp-app-whiteboard-canvas-area',
h('div#cp-app-whiteboard-container',
h('canvas#cp-app-whiteboard-canvas', {
width: 600,
height: 600
})
)
),
h('div#cp-app-whiteboard-controls', {
style: {
display: 'block',
}
}, [
h('button#cp-app-whiteboard-clear.btn.btn-danger', Messages.canvas_clear), ' ',
h('button#cp-app-whiteboard-toggledraw.btn.btn-secondary', Messages.canvas_disable),
h('button#cp-app-whiteboard-delete.btn.btn-secondary', {
style: {
display: 'none',
}
}, Messages.canvas_delete),
h('div.cp-app-whiteboard-range-group', [
h('label', {
'for': 'cp-app-whiteboard-width'
}, Messages.canvas_width),
h('input#cp-app-whiteboard-width', {
type: 'range',
min: "1",
max: "100"
}),
h('span#cp-app-whiteboard-width-val', '5px')
]),
h('div.cp-app-whiteboard-range-group', [
h('label', {
'for': 'cp-app-whiteboard-opacity',
}, Messages.canvas_opacity),
h('input#cp-app-whiteboard-opacity', {
type: 'range',
min: "0.1",
max: "1",
step: "0.1"
}),
h('span#cp-app-whiteboard-opacity-val', '100%')
]),
h('span.cp-app-whiteboard-selected.cp-app-whiteboard-unselectable', [
h('img', {
title: Messages.canvas_currentBrush
})
])
]),
UI.setHTML(h('div#cp-app-whiteboard-colors'), '&nbsp;'),
h('div#cp-app-whiteboard-cursors', {
style: {
display: 'none',
background: 'white',
'text-align': 'center',
}
}),
h('div#cp-app-whiteboard-pickers'),
h('div#cp-app-whiteboard-media-hidden')
];
};
var main = function () {
// var framework;
nThen(function (waitFor) {
$(waitFor(function () {
var $div = $('<div>').append(Pages['/whiteboard/']());
var $div = $('<div>').append(initialContent());
$('body').append($div.html());
}));
}).nThen(function (waitFor) {