Kanban application using the cryptpad framework
Ludovic Dubost
7 years ago
parent
4b83f2991a
commit
035a56fdab
@ -1,38 +1,37 @@
|
|||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<html>
|
<html>
|
||||||
|
|
||||||
<head>
|
<head>
|
||||||
<title>CryptPad</title>
|
<title>CryptPad</title>
|
||||||
<meta content="text/html; charset=utf-8" http-equiv="content-type"/>
|
<meta content="text/html; charset=utf-8" http-equiv="content-type" />
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
<meta name="referrer" content="no-referrer" />
|
<meta name="referrer" content="no-referrer" />
|
||||||
<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>
|
<script async data-bootload="/common/sframe-app-outer.js" data-main="/common/boot.js?ver=1.0" src="/bower_components/requirejs/require.js?ver=2.3.5"></script>
|
||||||
<style>
|
<style>
|
||||||
html, body {
|
html,
|
||||||
|
body {
|
||||||
margin: 0px;
|
margin: 0px;
|
||||||
padding: 0px;
|
padding: 0px;
|
||||||
}
|
}
|
||||||
|
|
||||||
#sbox-iframe {
|
#sbox-iframe {
|
||||||
position:fixed;
|
|
||||||
top:0px;
|
|
||||||
left:0px;
|
|
||||||
bottom:0px;
|
|
||||||
right:0px;
|
|
||||||
width:100%;
|
|
||||||
height:100%;
|
|
||||||
border:none;
|
|
||||||
margin:0;
|
|
||||||
padding:0;
|
|
||||||
overflow:hidden;
|
|
||||||
}
|
|
||||||
#sbox-filePicker-iframe {
|
|
||||||
position: fixed;
|
position: fixed;
|
||||||
top:0; left:0;
|
top: 0px;
|
||||||
bottom:0; right:0;
|
left: 0px;
|
||||||
width:100%;
|
bottom: 0px;
|
||||||
|
right: 0px;
|
||||||
|
width: 100%;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
border: 0;
|
border: none;
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
overflow: hidden;
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
<iframe id="sbox-iframe">
|
<iframe id="sbox-iframe">
|
||||||
|
</iframe>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
|
|||||||
@ -1,43 +1,23 @@
|
|||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<html class="cp-app-noscroll">
|
<html class="cp-app-noscroll">
|
||||||
|
|
||||||
<head>
|
<head>
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
|
<meta content="text/html; charset=utf-8" http-equiv="content-type" />
|
||||||
<meta content="text/html; charset=utf-8" http-equiv="content-type"/>
|
|
||||||
<script async data-bootload="/kanban/inner.js" data-main="/common/sframe-boot.js?ver=1.6" src="/bower_components/requirejs/require.js?ver=2.3.5"></script>
|
<script async data-bootload="/kanban/inner.js" data-main="/common/sframe-boot.js?ver=1.6" src="/bower_components/requirejs/require.js?ver=2.3.5"></script>
|
||||||
<style>
|
<style>
|
||||||
.loading-hidden { display: none; }
|
.loading-hidden {
|
||||||
#editor1 { display: none; }
|
display: none;
|
||||||
html, body {
|
|
||||||
width: 100%;
|
|
||||||
height: 100%;
|
|
||||||
margin: 0px;
|
|
||||||
padding: 0px;
|
|
||||||
border: 0px;
|
|
||||||
}
|
|
||||||
margin: 0;
|
|
||||||
padding: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
#myKanban {
|
|
||||||
overflow-x: auto;
|
|
||||||
padding: 20px 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.success {
|
|
||||||
background: #00B961;
|
|
||||||
}
|
|
||||||
|
|
||||||
.info {
|
|
||||||
background: #2A92BF;
|
|
||||||
}
|
|
||||||
|
|
||||||
.warning {
|
|
||||||
background: #F4CE46;
|
|
||||||
}
|
|
||||||
|
|
||||||
.error {
|
|
||||||
background: #FB7D44;
|
|
||||||
}
|
}
|
||||||
|
</style>
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body class="cp-app-kanban">
|
<body class="cp-app-kanban">
|
||||||
|
<div id="cme_toolbox" class="cp-toolbar-container"></div>
|
||||||
|
<div id="cp-app-kanban-editor">
|
||||||
|
<div id="cp-app-kanban-container">
|
||||||
|
<div id="cp-app-kanban-content"></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
</body>
|
</body>
|
||||||
|
|
||||||
|
</html>
|
||||||
|
|||||||
File diff suppressed because it is too large
Load Diff
@ -1,25 +0,0 @@
|
|||||||
html, body {
|
|
||||||
margin: 0px;
|
|
||||||
padding: 0px;
|
|
||||||
}
|
|
||||||
#sbox-iframe {
|
|
||||||
position:fixed;
|
|
||||||
top:0px;
|
|
||||||
left:0px;
|
|
||||||
bottom:0px;
|
|
||||||
right:0px;
|
|
||||||
width:100%;
|
|
||||||
height:100%;
|
|
||||||
border:none;
|
|
||||||
margin:0;
|
|
||||||
padding:0;
|
|
||||||
overflow:hidden;
|
|
||||||
}
|
|
||||||
#sbox-filePicker-iframe {
|
|
||||||
position: fixed;
|
|
||||||
top:0; left:0;
|
|
||||||
bottom:0; right:0;
|
|
||||||
width:100%;
|
|
||||||
height: 100%;
|
|
||||||
border: 0;
|
|
||||||
}
|
|
||||||
@ -1,43 +0,0 @@
|
|||||||
// Load #1, load as little as possible because we are in a race to get the loading screen up.
|
|
||||||
define([
|
|
||||||
'/bower_components/nthen/index.js',
|
|
||||||
'/api/config',
|
|
||||||
'/common/dom-ready.js',
|
|
||||||
'/common/requireconfig.js',
|
|
||||||
'/common/sframe-common-outer.js',
|
|
||||||
], function (nThen, ApiConfig, DomReady, RequireConfig, SFCommonO) {
|
|
||||||
var requireConfig = RequireConfig();
|
|
||||||
|
|
||||||
// Loaded in load #2
|
|
||||||
nThen(function (waitFor) {
|
|
||||||
DomReady.onReady(waitFor());
|
|
||||||
}).nThen(function (waitFor) {
|
|
||||||
var req = {
|
|
||||||
cfg: requireConfig,
|
|
||||||
req: [ '/common/loading.js' ],
|
|
||||||
pfx: window.location.origin
|
|
||||||
};
|
|
||||||
window.rc = requireConfig;
|
|
||||||
window.apiconf = ApiConfig;
|
|
||||||
document.getElementById('sbox-iframe').setAttribute('src',
|
|
||||||
ApiConfig.httpSafeOrigin + '/kanban/inner.html?' + requireConfig.urlArgs +
|
|
||||||
'#' + encodeURIComponent(JSON.stringify(req)));
|
|
||||||
|
|
||||||
// This is a cheap trick to avoid loading sframe-channel in parallel with the
|
|
||||||
// loading screen setup.
|
|
||||||
var done = waitFor();
|
|
||||||
var onMsg = function (msg) {
|
|
||||||
var data = JSON.parse(msg.data);
|
|
||||||
if (data.q !== 'READY') { return; }
|
|
||||||
window.removeEventListener('message', onMsg);
|
|
||||||
var _done = done;
|
|
||||||
done = function () { };
|
|
||||||
_done();
|
|
||||||
};
|
|
||||||
window.addEventListener('message', onMsg);
|
|
||||||
}).nThen(function (/*waitFor*/) {
|
|
||||||
SFCommonO.start({
|
|
||||||
useCreationScreen: true
|
|
||||||
});
|
|
||||||
});
|
|
||||||
});
|
|
||||||
Loading…
Reference in New Issue