Aaron transitioned into distributed systems development from a background in jazz and live stage performance. 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. 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. He spends his spare time experimenting with guitars, photography, science fiction, and spicy food.
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. 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.
'),
@@ -384,7 +389,8 @@ define([
var item = faq[c][q];
if (typeof item !== "object") { return; }
var answer = h('p.cp-faq-questions-a');
- var question = h('p.cp-faq-questions-q');
+ var hash = c + '-' + q;
+ var question = h('p.cp-faq-questions-q#' + hash);
$(question).click(function () {
if ($(answer).is(':visible')) {
return void $(answer).slideUp();
@@ -401,6 +407,10 @@ define([
h('div.cp-faq-category-questions', questions)
]));
});
+ var hash = window.location.hash;
+ if (hash) {
+ $(categories).find(hash).click();
+ }
return h('div#cp-main', [
infopageTopbar(),
h('div.container.cp-container', [
@@ -499,13 +509,13 @@ define([
]),
]),
h('div.row.align-items-center', [
- h('div.col-12.col-sm-12.col-md-12.col-lg-6.push-lg-6', [
+ h('div.col-12.col-sm-12.col-md-12.col-lg-6.order-2', [
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('div.col-12.col-sm-12.col-md-12.col-lg-6.order-1', [
h('img#zeroknowledge', { src: '/customize/images/zeroknowledge_small.png?' + urlArgs }),
]),
]),
diff --git a/customize.dist/src/less2/include/checkmark.less b/customize.dist/src/less2/include/checkmark.less
new file mode 100644
index 000000000..30c6e7d4a
--- /dev/null
+++ b/customize.dist/src/less2/include/checkmark.less
@@ -0,0 +1,67 @@
+@import (once) "./colortheme-all.less";
+
+.checkmark_main(@size) {
+
+ @width: round(@size / 8);
+ @dim1: round(@size / 3);
+ @dim2: round(2 * @size / 3);
+ @top: round(@size / 12);
+ // Text
+ .cp-checkmark {
+ margin: 0;
+ display: flex;
+ align-items: center;
+ position: relative;
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none;
+
+ &.cp-checkmark-secondary {
+ .cp-checkmark-mark {
+ &:after {
+ border-color: @colortheme_checkmark-col2;
+ }
+ }
+ input {
+ &:checked ~ .cp-checkmark-mark {
+ background-color: @colortheme_checkmark-back2;
+ }
+ }
+ }
+ &:hover .cp-checkmark-mark {
+ background-color: @colortheme_checkmark-back0-active;
+ }
+
+ input {
+ display: none;
+ &:checked ~ .cp-checkmark-mark {
+ background-color: @colortheme_checkmark-back1;
+ &:after {
+ display: block;
+ }
+ }
+ }
+
+ .cp-checkmark-mark {
+ margin-right: 10px;
+ position: relative;
+ height: @size;
+ width: @size;
+ background-color: @colortheme_checkmark-back0;
+ display: flex;
+ justify-content: center;
+ &:after {
+ content: "";
+ display: none;
+ margin-top: @top;
+ width: @dim1;
+ height: @dim2;
+ transform: rotate(45deg);
+ border: solid @colortheme_checkmark-col1;
+ border-width: 0 @width @width 0;
+ }
+ }
+
+ }
+}
diff --git a/customize.dist/src/less2/include/colortheme.less b/customize.dist/src/less2/include/colortheme.less
index 03f529342..3227da446 100644
--- a/customize.dist/src/less2/include/colortheme.less
+++ b/customize.dist/src/less2/include/colortheme.less
@@ -121,3 +121,10 @@
@cryptpad_color_grey: #999999;
@cryptpad_header_col: #1E1F1F;
@cryptpad_text_col: #3F4141;
+
+@colortheme_checkmark-back0: #ffffff;
+@colortheme_checkmark-back0-active: #bbbbbb;
+@colortheme_checkmark-back1: #FF0073;
+@colortheme_checkmark-col1: #ffffff;
+@colortheme_checkmark-back2: #FFFFFF;
+@colortheme_checkmark-col2: #000000;
diff --git a/customize.dist/src/less2/include/creation.less b/customize.dist/src/less2/include/creation.less
index 16bce0637..4fd0a5a1d 100644
--- a/customize.dist/src/less2/include/creation.less
+++ b/customize.dist/src/less2/include/creation.less
@@ -1,5 +1,7 @@
@import (once) "./colortheme-all.less";
@import (once) "./tools.less";
+@import (once) "./checkmark.less";
+@import (once) './icon-colors.less';
.creation_main() {
.tippy-popper {
@@ -31,149 +33,229 @@
max-width: 100%;
margin: 40px auto;
text-align: left;
- display: flex;
- flex-wrap: wrap;
- justify-content: center;
- align-items: center;
- h2 {
- width: 100%;
- display: flex;
- margin-bottom: 20px;
- justify-content: space-between;
- .cp-creation-help {
- display: none;
- }
- }
- .cp-creation-help-container {
- width: 100%;
- display: flex;
- justify-content: space-between;
- p {
- padding: 0 20px;
- flex-grow: 0;
- flex-shrink: 0;
- flex-basis: 50%;
- text-align: justify;
- }
- }
- @media screen and (max-width: 500px) {
- width: ~"calc(100% - 30px)";
- }
- @media screen and (max-height: 800px), screen and (max-width: 500px) {
- h2 .cp-creation-help {
- display: inline;
- }
- .cp-creation-help-container {
- display: none;
- }
- }
- @media screen and (min-height: 601px) {
- @media screen and (min-width: 501px) {
- p {
- display: block !important;
- }
- }
- }
}
.cp-creation-create, .cp-creation-settings {
+ margin-top: 0px;
+ @creation-button: #30B239;
button {
.tools_unselectable();
padding: 15px;
- background: darken(@colortheme_loading-bg, 10%);
- color: @colortheme_loading-color;
+ background: @creation-button;
+ color: #FFF;
+ font-weight: bold;
margin: 3px 10px;
border: none;
cursor: pointer;
outline: none;
+ width: 100%;
&:hover {
- background: darken(@colortheme_loading-bg, 5%);
- }
- &.cp-creation-button-selected {
- color: darken(@colortheme_loading-bg, 10%);
- background: @colortheme_loading-color;
+ //background: darken(@creation-button, 5%);
+ background: lighten(@creation-button, 5%);
}
}
}
+ .cp-creation-create {
+ text-align: center;
+ margin: auto;
+ margin-top: 20px;
+ width: 400px;
+ max-width: 100%;
+ button {
+ margin: 0;
+ }
+ }
- input[type="radio"] {
- display: none;
- &:checked {
- & + label {
- font-weight: bold;
- background-color: lighten(@colortheme_loading-bg, 20%);
- cursor: default;
- border: 1px solid #c1158e;
+ #cp-creation-form {
+ display: flex;
+ flex-flow: column;
+ align-items: center;
+ & > div {
+ width: 400px;
+ max-width: 100%;
+ display: flex;
+ align-items: center;
+ flex-wrap: wrap;
+ font-size: 16px;
+ margin: 10px 0;
+ label {
+ flex: 1;
+ }
+ input[type="checkbox"] {
+ &+ label {
+ margin-bottom: 0;
+ flex: 1;
+ padding: 0 10px;
+ }
+ }
+ .cp-creation-help {
+ font-size: 18px;
+ color: white;
&:hover {
- background-color: lighten(@colortheme_loading-bg, 20%);
+ color: #AAA;
+ text-decoration: none;
}
}
}
- }
- input[type="radio"] + label {
- .tools_unselectable();
- display: inline-flex;
- align-items: center;
- justify-content: center;
- width: 200px;
- height: 50px;
- padding: 5px;
- margin: 0 20px;
- border: 1px solid @colortheme_loading-color;
- cursor: pointer;
- &:hover {
- background-color: lighten(@colortheme_loading-bg, 10%);
+ .cp-creation-slider {
+ display: block;
+ overflow: hidden;
+ max-height: 0px;
+ transition: max-height 0.5s ease-in-out;
+ width: 100%;
+ margin-top: 10px;
+ &.active {
+ max-height: 40px;
+ }
}
- }
- .cp-creation-expire {
- #cp-creation-expire-true {
- display: none;
- &:checked {
- & + label {
- height: 100px;
- .cp-creation-expire-picker {
- display: inline;
- }
+ .cp-creation-expire {
+ .cp-creation-expire-picker {
+ text-align: center;
+ input {
+ width: 100px;
}
}
}
- label[for="cp-creation-expire-true"] {
- flex-wrap: wrap;
- .cp-creation-expire-picker {
- display: none;
+ .cp-creation-settings {
+ button {
+ margin: 0;
+ padding: 0;
}
- input {
- width: 70px;
+ .cp-filler { flex: 1; }
+ }
+
+ div.cp-creation-remember {
+ margin-top: 30px;
+ .cp-creation-remember-help {
+ font-style: italic;
}
- select {
- width: 100px;
+ }
+ div.cp-creation-template {
+ width: 100%;
+ background-color: darken(@colortheme_modal-bg, 3%);
+ padding: 20px;
+ margin: 30px 0;
+ .cp-creation-title {
+ padding: 0 0 10px 10px;
+ margin: auto;
}
- input, select {
- border: none;
- height: 30px;
- background: @colortheme_loading-bg;
- color: @colortheme_loading-color;
- border-radius: 3px;
+ }
+ .cp-creation-template-container {
+ width: 100%;
+ display: flex;
+ flex-wrap: wrap;
+ justify-content: center;
+ overflow-y: auto;
+ align-items: center;
+ .cp-creation-template-element {
+ @darker: darken(@colortheme_modal-fg, 30%);
+
+ width: 135px;
+ padding: 5px;
+ margin: 5px;
+ display: inline-flex;
+ flex-flow: column;
+
+ box-sizing: content-box;
+
+ text-align: left;
+ line-height: 1em;
+ cursor: pointer;
+
+ background-color: #111;
+ color: @darker;
+ border: 1px solid transparent;
+
+ &.cp-creation-template-selected {
+ border: 1px solid white;
+ background-color: #222;
+ }
+
+ transition: all 0.1s;
+
+ &:hover {
+ color: @colortheme_modal-fg;
+ }
+
+ align-items: center;
+
+ img {
+ max-width: 100px;
+ max-height: 100px;
+ background: #fff;
+ }
+
+ .cp-creation-template-element-name {
+ flex: 1;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+ height: 20px;
+ line-height: 20px;
+ margin-top: 5px;
+ max-width: 100%;
+ }
+ .fa {
+ cursor: pointer;
+ width: 100px;
+ height: 100px;
+ font-size: 70px;
+ text-align: center;
+ line-height: 100px;
+ }
}
}
}
- .cp-creation-settings {
- justify-content: left;
- a {
- color: #0275d8;
- &:hover {
- color: lighten(#0275d8, 10%);
- }
+
+ .cp-creation-deleted-container {
+ text-align: center;
+ .cp-creation-deleted {
+ background: #111;
+ padding: 10px;
+ text-align: center;
+ font-weight: bold;
+ display: inline-block;
}
- &> span.fa {
- margin-left: 15px;
+ }
+
+ .checkmark_main(30px);
+
+ @media screen and (max-width: @browser_media-narrow-screen) {
+ & > div {
+ width: 95%;
+ margin: 10px auto;
}
}
- .cp-creation-deleted {
- background: #111;
- padding: 10px;
- text-align: justify;
- font-weight: bold;
+ @media screen and (max-width: @browser_media-medium-screen) {
+ #cp-creation-form {
+ div.cp-creation-template {
+ margin: 0;
+ padding: 5px;
+ .cp-creation-template-container {
+ .cp-creation-template-element {
+ flex-flow: row;
+ margin: 1px;
+ padding: 5px;
+ width: 155px;
+ img {
+ display: none;
+ }
+ .fa {
+ font-size: 18px;
+ width: 20px;
+ height: 20px;
+ line-height: 20px;
+ display: inline !important;
+ }
+ .cp-creation-template-element-name {
+ margin: 0;
+ margin-left: 5px;
+ }
+ }
+ }
+ }
+ }
}
+
}
}
diff --git a/customize.dist/src/less2/include/help.less b/customize.dist/src/less2/include/help.less
index 7e22b713a..90f23119b 100644
--- a/customize.dist/src/less2/include/help.less
+++ b/customize.dist/src/less2/include/help.less
@@ -18,7 +18,7 @@
margin: 0;
padding: 15px;
a {
- color: darken(@colortheme_link-color, 30%);
+ //color: darken(@colortheme_link-color, 30%);
@spin: spin(lighten(@bg-color, 15%), 180);
color: contrast(lighten(@bg-color, 15%), lighten(@spin, 10%), darken(@spin, 10%));
//color: darken(spin(lighten(@bg-color, 15%), 180), 10%);
diff --git a/customize.dist/src/less2/include/infopages.less b/customize.dist/src/less2/include/infopages.less
index 3c3bdef5e..b07b90aa8 100644
--- a/customize.dist/src/less2/include/infopages.less
+++ b/customize.dist/src/less2/include/infopages.less
@@ -164,6 +164,7 @@
}
a {
border: 2px solid transparent;
+ white-space: nowrap;
}
.nav-link {
padding: 0.5em 0.7em;
diff --git a/customize.dist/template.js b/customize.dist/template.js
index 2aed683ce..ddfd1c1d8 100644
--- a/customize.dist/template.js
+++ b/customize.dist/template.js
@@ -7,9 +7,6 @@ define([
], function ($, h, Pages) {
$(function () {
var $body = $('body');
- var isMainApp = function () {
- return /^\/(pad|code|slide|poll|whiteboard|file|media|contacts|drive|settings|profile|todo)\/$/.test(location.pathname);
- };
var infoPage = function () {
return h('div#mainBlock.hidden', typeof(Pages[location.pathname]) === 'function'?
@@ -20,80 +17,18 @@ $(function () {
var pathname = location.pathname;
- if (isMainApp()) {
- if (typeof(Pages[pathname]) === 'function') {
- var $flash = $('body, #iframe-container, #pad-iframe, textarea');
- $flash.css({
- display: 'none',
- opacity: 0,
- overflow: 'hidden',
- });
- var ready = function () {
- $flash.css({
- display: '',
- opacity: '',
- overflow: '',
- });
- };
-
- require([
- 'less!/customize/src/less2/loading.less'
- ], function () {
- if (/whiteboard/.test(pathname)) {
- $('body').html(h('body', Pages[pathname]()).innerHTML);
- require(['/whiteboard/main.js'], ready);
- } else if (/poll/.test(pathname)) {
- $('body').html(h('body', Pages[pathname]()).innerHTML);
- require(['/poll/main.js'], ready);
- } else if (/drive/.test(pathname)) {
- $('body').append(h('body', Pages[pathname]()).innerHTML);
- require(['/drive/main.js'], ready);
- } else if (/\/file\//.test(pathname)) {
- $('body').append(h('body', Pages[pathname]()).innerHTML);
- require([ '/file/main.js' ], ready);
- } else if (/^\/contacts\/$/.test(pathname)) {
- $('body').append(h('body', Pages[pathname]()).innerHTML);
- require([ '/contacts/main.js' ], ready);
- } else if (/pad/.test(pathname)) {
- $('body').append(h('body', Pages[pathname]()).innerHTML);
- require([ '/pad/main.js' ], ready);
- } else if (/code/.test(pathname)) {
- $('body').append(h('body', Pages[pathname]()).innerHTML);
- require([ '/code/main.js' ], ready);
- } else if (/slide/.test(pathname)) {
- $('body').append(h('body', Pages[pathname]()).innerHTML);
- require([ '/slide/main.js' ], ready);
- } else if (/^\/settings\//.test(pathname)) {
- $('body').append(h('body', Pages[pathname]()).innerHTML);
- require([ '/settings/main.js', ], ready);
- } else if (/^\/profile\//.test(pathname)) {
- $('body').append(h('body', Pages[pathname]()).innerHTML);
- require([ '/profile/main.js', ], ready);
- } else if (/^\/todo\//.test(pathname)) {
- $('body').append(h('body', Pages[pathname]()).innerHTML);
- require([ '/todo/main.js', ], ready);
- }
- });
-
- return;
- }
- } else {
- // add class on info-pages
- var css = location.pathname.replace(/(index)?\.html$/gi, "") // .html
- .replace(/[^a-zA-Z]+/gi, '-') // any non-alpha character
- .replace(/^-|-$/g, ''); // starting/trailing dashes
- if (css === '')
- {
- css = 'index';
- }
- $('body').addClass('cp-page-' + css);
- }
+ // add class on info-pages
+ var css = location.pathname.replace(/(index)?\.html$/gi, "") // .html
+ .replace(/[^a-zA-Z]+/gi, '-') // any non-alpha character
+ .replace(/^-|-$/g, ''); // starting/trailing dashes
+ if (css === '') { css = 'index'; }
+ $('body').addClass('cp-page-' + css);
window.Tether = function () {};
require([
'less!/customize/src/less2/main.less',
'css!/bower_components/bootstrap/dist/css/bootstrap.min.css',
- '/bower_components/bootstrap/dist/js/bootstrap.min.js'
+ '/bower_components/bootstrap/dist/js/bootstrap.bundle.min.js'
], function () {
$body.append($main);
@@ -108,6 +43,8 @@ $(function () {
require([ '/customize/main.js', ], function () {});
} else if (/invite/.test(pathname)) {
require([ '/invite/main.js'], function () {});
+ } else if (/faq/.test(pathname)) {
+ window.location.hash = window.location.hash;
} else {
require([ '/customize/main.js', ], function () {});
}
diff --git a/customize.dist/translations/messages.fr.js b/customize.dist/translations/messages.fr.js
index 57f0a116d..bf81a9671 100644
--- a/customize.dist/translations/messages.fr.js
+++ b/customize.dist/translations/messages.fr.js
@@ -38,9 +38,11 @@ define(function () {
out.padNotPinned = 'Ce pad va expirer après 3 mois d\'inactivité, {0}connectez-vous{1} ou {2}enregistrez-vous{3} pour le préserver.';
out.anonymousStoreDisabled = "L'administrateur de cette instance de CryptPad a désactivé le drive pour les utilisateurs non enregistrés. Vous devez vous connecter pour pouvoir utiliser CryptDrive.";
out.expiredError = "Ce pad a atteint sa date d'expiration est n'est donc plus disponible.";
- out.expiredErrorCopy = ' Vous pouvez toujours copier son contenu ailleurs en appuyant sur Échap. Dés que vous aurez quitté la page, il sera impossible de le récupérer.';
out.deletedError = 'Ce pad a été supprimé par son propriétaire et n\'est donc plus disponible.';
out.inactiveError = 'Ce pad a été supprimé en raison de son inactivité. Appuyez sur Échap pour créer un nouveau pad.';
+ out.chainpadError = 'Une erreur critique est survenue lors de la mise à jour du contenu. Le pad est désormais en mode lecture seule afin de s\'assurer que vous ne perdiez pas davantage de données. ' +
+ 'Appuyez sur Échap pour voir le pad ou rechargez la page pour pouvoir le modifier à nouveau.';
+ out.errorCopy = ' Vous pouvez toujours copier son contenu ailleurs en appuyant sur Échap. Dés que vous aurez quitté la page, il sera impossible de le récupérer.';
out.loading = "Chargement...";
out.error = "Erreur";
@@ -367,7 +369,7 @@ define(function () {
out.fm_templateName = "Modèles";
out.fm_searchName = "Recherche";
out.fm_recentPadsName = "Pads récents";
- out.fm_ownedPadsName = "Pads possédés";
+ out.fm_ownedPadsName = "Pads en votre possession";
out.fm_searchPlaceholder = "Rechercher...";
out.fm_newButton = "Nouveau";
out.fm_newButtonTitle = "Créer un nouveau pad ou un dossier, importer un fichier dans le dossier courant";
@@ -546,7 +548,12 @@ define(function () {
out.settings_userFeedbackHint2 = "Le contenu de vos pads et les clés de déchiffrement ne seront jamais partagés avec le serveur.";
out.settings_userFeedback = "Activer l'envoi de retours d'expérience";
- out.settings_anonymous = "Vous n'êtes pas connectés. Ces préférences seront utilisées pour ce navigateur.";
+ out.settings_deleteTitle = "Suppression du compte";
+ out.settings_deleteHint = "La suppression de votre compte utilisateur est permanente. Votre CryptDrive et votre liste de pads seront supprimés du serveur. Le reste de vos pads sera supprimé après 90 jours d'inactivité si personne ne les a stockés dans leur CryptDrive.";
+ out.settings_deleteButton = "Supprimer votre compte";
+ out.settings_deleteModal = "Veuillez envoyer les informations suivantes à votre administrateur CryptPad afin que vos données soient supprimées du serveur.";
+
+ out.settings_anonymous = "Vous n'êtes pas connecté. Ces préférences seront utilisées pour ce navigateur.";
out.settings_publicSigningKey = "Clé publique de signature";
out.settings_usage = "Utilisation";
@@ -775,13 +782,13 @@ define(function () {
'Il désigne un document que vous pouvez modifier dans votre navigateur et, en général, vous pouvez voir les modifications effectuées par les autres utilisateurs de manière quasiment instantanée.'
},
owned: {
- q: "Qu'est-ce qu'un pad possédé ?",
- a: "Un pad possédé est un pad créé avec un propriétaire explicite, identifié sur le serveur par sa clé de signature publique. " +
+ q: "Qu'est-ce qu'un pad avec propriétaire ?",
+ a: "Être propriétaire d'un pad signifie que vous êtes identifié comme tel par le serveur avec à votre clé de signature publique. " +
"Le propriétaire d'un pad peut décider de supprimer ce pad du serveur de manière permanente, afin de le rendre inaccessible aux autres collaborateurs même s'ils possédent le lien dans leur CryptDrive."
},
expiring: {
- q: "Qu'est-ce qu'un pad expirant ?",
- a: "Un pad expirant est un pad créé avec une date définie à partir de laquelle il sera supprimé automatiquement du serveur. Les pads expirants peuvent être configurés pour avoir une durée de vie comprise entre une heure et cent mois. Le pad et tout son historique sera alors inaccessible, de manière permanente, même s'il est en cours d'édition à sa date d'expiration. " +
+ q: "Qu'est-ce qu'un pad à durée de vie ?",
+ a: "Un pad à durée de vie est un pad créé avec une date définie à partir de laquelle il sera supprimé automatiquement du serveur. Ils peuvent être configurés pour avoir une durée de vie comprise entre une heure et cent mois. Le pad et tout son historique sera alors inaccessible, de manière permanente, même s'il est en cours d'édition à sa date d'expiration. " +
"Si un pad possède une date d'expiration, vous pouvez la vérifier en regardant les propriétés du pad, soit avec un clic-droit sur le pad dans votre CryptDrive, ou soit en cliquant sur Propriétés dans le sous-menu de la barre d'outils de l'application."
},
tag: {
@@ -875,9 +882,9 @@ define(function () {
},
remove: {
q: "J'ai supprimé un pad ou un fichier de mon CryptDrive, mais le contenu est encore disponible. Comment le supprimer ?",
- a: "Seuls les pads possédés (introduits en février 2018) peuvent être supprimés du serveur. Ils ne peuvent d'ailleurs être supprimés du serveur que par leur propriétaire (l'utilisateur ayant créé le pad). " +
+ a: "Seuls les pads avec propriétaire (introduits en février 2018) peuvent être supprimés du serveur. Ils ne peuvent d'ailleurs être supprimés du serveur que par leur propriétaire (l'utilisateur ayant créé le pad). " +
"Si vous n'êtes pas le créateur du pad, vous devrez demander au propriétaire de le supprimer pour vous. " +
- "Pour les pads que vous possédez, vous pouvez effectuer un clic-droit sur le pad dans votre CryptDrive, et sélectionner Supprimer du serveur."
+ "Pour les pads dont vous êtes le propriétaire, vous pouvez effectuer un clic-droit sur le pad dans votre CryptDrive, et sélectionner Supprimer du serveur."
},
forget: {
q: "Que faire si j'oublie mon mot de passe ?",
@@ -1032,7 +1039,7 @@ define(function () {
out.readme_cat1 = "Découvrez votre CryptDrive";
out.readme_cat1_l1 = "Créer un pad : Dans votre CryptDrive, cliquez sur {0} puis {1} et vous obtenez un nouveau pad."; // 0: New, 1: Rich Text
out.readme_cat1_l2 = "Ouvrir des pads depuis votre CryptDrive : Double-cliquez sur l'icone d'un pad pour l'ouvrir.";
- out.readme_cat1_l3 = "Organiser vos pads : Quand vous êtes connectés, tous les pads auquel vous accédez sont ajoutés dans la section {0} de votre CryptDrive."; // 0: Unsorted files
+ out.readme_cat1_l3 = "Organiser vos pads : Quand vous êtes connecté, tous les pads auquel vous accédez sont ajoutés dans la section {0} de votre CryptDrive."; // 0: Unsorted files
out.readme_cat1_l3_l1 = "Vous pouvez cliquer et faire glisser des fichiers dans des dossiers dans la section {0} de votre CryptDrive, et créer de nouveaux dossiers."; // 0: Documents
out.readme_cat1_l3_l2 = "N'hésitez pas à utiliser le clic droit sur les icones puisque des menus sont souvent disponibles.";
out.readme_cat1_l4 = "Déplacer des pads vers la corbeille : Vous pouvez cliquer et faire glisser vos pads dans la {0} de la même manière que vous pouvez les déposer dans des dossiers."; // 0: Trash
@@ -1066,32 +1073,35 @@ define(function () {
// Creation page
out.creation_404 = "Ce pad n'existe plus. Vous pouvez créer un nouveau pad en utilisant le formulaire suivant.";
out.creation_ownedTitle = "Type de pad";
- out.creation_ownedTrue = "Pad possédé";
- out.creation_ownedFalse = "Pad ouvert";
- out.creation_owned1 = "Un pad possédé peut être supprimé du serveur à tout moment quand son propriétaire le souhaite. Une fois supprimé, il disparaît du CryptDrive des autres utilisateurs.";
- out.creation_owned2 = "Un pad ouvert n'a pas de propriétaire et ne peut donc pas être supprimé du serveur à moins d'avoir dépassé sa date d'expiration.";
+ out.creation_owned = "Être propriétaire de ce pad";
+ out.creation_ownedTrue = "Être propriétaire";
+ out.creation_ownedFalse = "Pas de propriétaire";
+ out.creation_owned1 = "Être propriétaire d'un pad signifie que vous pouvez le supprimer du serveur à tout moment. Une fois supprimé, il disparaît du CryptDrive des autres utilisateurs.";
+ out.creation_owned2 = "Un pad sans propriétaire ne peut pas être supprimé du serveur à moins d'avoir dépassé son éventuelle date d'expiration.";
out.creation_expireTitle = "Durée de vie";
+ out.creation_expire = "Ajouter une durée de vie";
out.creation_expireTrue = "Ajouter durée de vie";
out.creation_expireFalse = "Illimité";
out.creation_expireHours = "Heure(s)";
out.creation_expireDays = "Jour(s)";
out.creation_expireMonths = "Mois";
out.creation_expire1 = "Un pad illimité ne sera pas supprimé du serveur à moins que son propriétaire ne le décide.";
- out.creation_expire2 = "Un pad expirant a une durée de vie définie, après laquelle il sera supprimé automatiquement du serveur et du CryptDrive des utilisateurs.";
- out.creation_createTitle = "Créer un pad";
- out.creation_createFromTemplate = "Depuis un modèle";
- out.creation_createFromScratch = "Nouveau pad vide";
- out.creation_settings = "Préférences des nouveaux pads";
- out.creation_saveSettings = "Sauver les préférences";
+ out.creation_expire2 = "Un pad à durée de vie sera supprimé automatiquement du serveur et du CryptDrive des utilisateurs lorsque cette durée sera dépassée.";
+ out.creation_noTemplate = "Pas de modèle";
+ out.creation_newTemplate = "Nouveau modèle";
+ out.creation_create = "Créer";
+ out.creation_saveSettings = "Ne plus me demander";
+ out.creation_settings = "Voir davantage de préférences";
+ out.creation_rememberHelp = "Ouvrez votre page de Préférences pour voir ce formulaire à nouveau.";
// Properties about creation data
out.creation_owners = "Propriétaires";
- out.creation_ownedByOther = "Possédé par un autre utilisateur";
+ out.creation_ownedByOther = "Appartient à un autre utilisateur";
out.creation_noOwner = "Pas de propriétaire";
out.creation_expiration = "Date d'expiration";
out.creation_propertiesTitle = "Disponibilité";
out.creation_appMenuName = "Mode avancé (Ctrl + E)";
out.creation_newPadModalDescription = "Cliquez sur un type de pad pour le créer. Vous pouvez aussi appuyer sur Tab pour sélectionner un type et appuyer sur Entrée pour valider.";
- out.creation_newPadModalDescriptionAdvanced = "Cochez la case si vous souhaitez voir l'écran de création de pads (pour les pads possédés ou à date d'expiration). Vous pouvez appuyer sur Espace pour changer sa valeur.";
+ out.creation_newPadModalDescriptionAdvanced = "Cochez la case si vous souhaitez voir l'écran de création de pads (pour les pads avec propriétaire ou à durée de vie). Vous pouvez appuyer sur Espace pour changer sa valeur.";
out.creation_newPadModalAdvanced = "Afficher l'écran de création de pads";
// New share modal
diff --git a/customize.dist/translations/messages.js b/customize.dist/translations/messages.js
index 2a5c03c2b..f4359dbd7 100644
--- a/customize.dist/translations/messages.js
+++ b/customize.dist/translations/messages.js
@@ -39,9 +39,11 @@ define(function () {
out.padNotPinned = 'This pad will expire after 3 months of inactivity, {0}login{1} or {2}register{3} to preserve it.';
out.anonymousStoreDisabled = "The webmaster of this CryptPad instance has disabled the store for anonymous users. You have to log in to be able to use CryptDrive.";
out.expiredError = 'This pad has reached its expiration time and is no longer available.';
- out.expiredErrorCopy = ' You can still copy the content to another location by pressing Esc. Once you leave this page, it will disappear forever!';
out.deletedError = 'This pad has been deleted by its owner and is no longer available.';
out.inactiveError = 'This pad has been deleted due to inactivity. Press Esc to create a new pad.';
+ out.chainpadError = 'A critical error occurred when updating your content. This page is in read-only mode to make sure you won\'t lose your work. ' +
+ 'Hit Esc to continue to view this pad, or reload to try editing again.';
+ out.errorCopy = ' You can still copy the content to another location by pressing Esc. Once you leave this page, it will disappear forever!';
out.loading = "Loading...";
out.error = "Error";
@@ -550,6 +552,11 @@ define(function () {
out.settings_userFeedbackHint2 = "Your pad's content will never be shared with the server.";
out.settings_userFeedback = "Enable user feedback";
+ out.settings_deleteTitle = "Account deletion";
+ out.settings_deleteHint = "Account deletion is permanent. Your CryptDrive and your list of pads will be deleted from the server. The rest of your pads will be deleted in 90 days if nobody else has stored them in their CryptDrive.";
+ out.settings_deleteButton = "Delete your account";
+ out.settings_deleteModal = "Share the following information with your CryptPad administrator in order to have your data removed from their server.";
+
out.settings_anonymous = "You are not logged in. Settings here are specific to this browser.";
out.settings_publicSigningKey = "Public Signing Key";
@@ -1113,11 +1120,13 @@ define(function () {
// Creation page
out.creation_404 = "This pad not longer exists. Use the following form to create a new pad.";
out.creation_ownedTitle = "Type of pad";
- out.creation_ownedTrue = "Owned pad";
+ out.creation_owned = "Owned pad"; // Creation page
+ out.creation_ownedTrue = "Owned pad"; // Settings
out.creation_ownedFalse = "Open pad";
out.creation_owned1 = "An owned pad can be deleted from the server whenever the owner wants. Deleting an owned pad removes it from other users' CryptDrives.";
out.creation_owned2 = "An open pad doesn't have any owner and thus, it can't be deleted from the server unless it has reached its expiration time.";
out.creation_expireTitle = "Life time";
+ out.creation_expire = "Expiring pad";
out.creation_expireTrue = "Add a life time";
out.creation_expireFalse = "Unlimited";
out.creation_expireHours = "Hour(s)";
@@ -1125,11 +1134,12 @@ define(function () {
out.creation_expireMonths = "Month(s)";
out.creation_expire1 = "An unlimited pad will not be removed from the server until its owner deletes it.";
out.creation_expire2 = "An expiring pad has a set lifetime, after which it will be automatically removed from the server and other users' CryptDrives.";
- out.creation_createTitle = "Create a pad";
- out.creation_createFromTemplate = "From template";
- out.creation_createFromScratch = "From scratch";
- out.creation_settings = "New Pad settings";
- out.creation_saveSettings = "Save settings";
+ out.creation_noTemplate = "No template";
+ out.creation_newTemplate = "New template";
+ out.creation_create = "Create";
+ out.creation_saveSettings = "Don't show this again";
+ out.creation_settings = "View more settings";
+ out.creation_rememberHelp = "Visit your Settings page to reset this preference";
// Properties about creation data
out.creation_owners = "Owners";
out.creation_ownedByOther = "Owned by another user";
diff --git a/package.json b/package.json
index 1941f7e25..8365867be 100644
--- a/package.json
+++ b/package.json
@@ -1,15 +1,17 @@
{
"name": "cryptpad",
"description": "realtime collaborative visual editor with zero knowlege server",
- "version": "1.27.0",
+ "version": "1.28.0",
"license": "AGPL-3.0-or-later",
"dependencies": {
"chainpad-server": "^2.0.0",
"express": "~4.16.0",
+ "mkdirp": "^0.5.1",
"nthen": "~0.1.0",
"pull-stream": "^3.6.1",
"replify": "^1.2.0",
"saferphore": "0.0.1",
+ "sortify": "^1.0.4",
"stream-to-pull-stream": "^1.7.2",
"tweetnacl": "~0.12.2",
"ws": "^1.0.1",
diff --git a/rpc.js b/rpc.js
index 465413fd1..ae4971ae0 100644
--- a/rpc.js
+++ b/rpc.js
@@ -13,6 +13,7 @@ const Package = require('./package.json');
const Pinned = require('./pinned');
const Saferphore = require("saferphore");
const nThen = require("nthen");
+const Mkdirp = require("mkdirp");
var RPC = module.exports;
@@ -836,6 +837,17 @@ var removeOwnedChannel = function (Env, channelId, unsafeKey, cb) {
});
};
+/* Users should be able to clear their own pin log with an authenticated RPC
+*/
+var removePins = function (Env, safeKey, cb) {
+ if (typeof(Env.pinStore.removeChannel) !== 'function') {
+ return void cb("E_NOT_IMPLEMENTED");
+ }
+ Env.pinStore.removeChannel(safeKey, function (err) {
+ cb(err);
+ });
+};
+
var upload = function (Env, publicKey, content, cb) {
var paths = Env.paths;
var dec;
@@ -980,6 +992,99 @@ var upload_complete = function (Env, publicKey, cb) {
tryRandomLocation(handleMove);
};
+var owned_upload_complete = function (Env, safeKey, cb) {
+ var session = getSession(Env.Sessions, safeKey);
+
+ // the file has already been uploaded to the staging area
+ // close the pending writestream
+ if (session.blobstage && session.blobstage.close) {
+ session.blobstage.close();
+ delete session.blobstage;
+ }
+
+ var oldPath = makeFilePath(Env.paths.staging, safeKey);
+ if (typeof(oldPath) !== 'string') {
+ return void cb('EINVAL_CONFIG');
+ }
+
+ // construct relevant paths
+ var root = Env.paths.staging;
+
+ //var safeKey = escapeKeyCharacters(safeKey);
+ var safeKeyPrefix = safeKey.slice(0, 2);
+
+ var blobId = createFileId();
+ var blobIdPrefix = blobId.slice(0, 2);
+
+ var plannedPath = Path.join(root, safeKeyPrefix, safeKey, blobIdPrefix);
+
+ var tries = 0;
+
+ var chooseSafeId = function (cb) {
+ if (tries >= 3) {
+ // you've already failed three times in a row
+ // give up and return an error
+ cb('E_REPEATED_FAILURE');
+ }
+
+ var path = Path.join(plannedPath, blobId);
+ Fs.access(path, Fs.constants.R_OK | Fs.constants.W_OK, function (e) {
+ if (!e) {
+ // generate a new id (with the same prefix) and recurse
+ blobId = blobIdPrefix + createFileId().slice(2);
+ return void chooseSafeId(cb);
+ } else if (e.code === 'ENOENT') {
+ // no entry, so it's safe for us to proceed
+ return void cb(void 0, path);
+ } else {
+ // it failed in an unexpected way. log it
+ // try again, but no more than a fixed number of times...
+ tries++;
+ chooseSafeId(cb);
+ }
+ });
+ };
+
+ // the user wants to move it into their own space
+ // /blob/safeKeyPrefix/safeKey/blobPrefix/blobID
+
+ var finalPath;
+ nThen(function (w) {
+ // make the requisite directory structure using Mkdirp
+ Mkdirp(plannedPath, w(function (e /*, path */) {
+ if (e) { // does not throw error if the directory already existed
+ w.abort();
+ return void cb(e);
+ }
+ }));
+ }).nThen(function (w) {
+ // produce an id which confirmably does not collide with another
+ chooseSafeId(w(function (e, path) {
+ if (e) {
+ w.abort();
+ return void cb(e);
+ }
+ finalPath = path; // this is where you'll put the new file
+ }));
+ }).nThen(function (w) {
+ // move the existing file to its new path
+
+ // flow is dumb and I need to guard against this which will never happen
+ /*:: if (typeof(oldPath) === 'object') { throw new Error('should never happen'); } */
+ Fs.rename(oldPath /* XXX */, finalPath, w(function (e) {
+ if (e) {
+ w.abort();
+ return void cb(e.code);
+ }
+ // otherwise it worked...
+ }));
+ }).nThen(function () {
+ // clean up their session when you're done
+ // call back with the blob id...
+ cb(void 0, blobId);
+ });
+};
+
var upload_status = function (Env, publicKey, filesize, cb) {
var paths = Env.paths;
@@ -1054,10 +1159,12 @@ var isAuthenticatedCall = function (call) {
'GET_LIMIT',
'UPLOAD_STATUS',
'UPLOAD_COMPLETE',
+ 'OWNED_UPLOAD_COMPLETE',
'UPLOAD_CANCEL',
'EXPIRE_SESSION',
'CLEAR_OWNED_CHANNEL',
'REMOVE_OWNED_CHANNEL',
+ 'REMOVE_PINS',
].indexOf(call) !== -1;
};
@@ -1350,6 +1457,11 @@ RPC.create = function (
if (e) { return void Respond(e); }
Respond(void 0, "OK");
});
+ case 'REMOVE_PINS':
+ return void removePins(Env, safeKey, function (e, response) {
+ if (e) { return void Respond(e); }
+ Respond(void 0, response);
+ });
// restricted to privileged users...
case 'UPLOAD':
if (!privileged) { return deny(); }
@@ -1375,6 +1487,12 @@ RPC.create = function (
WARN(e, hash);
Respond(e, hash);
});
+ case 'OWNED_UPLOAD_COMPLETE':
+ if (!privileged) { return deny(); }
+ return void owned_upload_complete(Env, safeKey, function (e, blobId) {
+ WARN(e, blobId);
+ Respond(e, blobId);
+ });
case 'UPLOAD_CANCEL':
if (!privileged) { return deny(); }
return void upload_cancel(Env, safeKey, function (e) {
diff --git a/www/common/common-interface.js b/www/common/common-interface.js
index 9517971e7..24c7098c0 100644
--- a/www/common/common-interface.js
+++ b/www/common/common-interface.js
@@ -638,9 +638,10 @@ define([
var $icon = UI.getIcon();
if (!data) { return $icon; }
var href = data.href;
- if (!href) { return $icon; }
+ var type = data.type;
+ if (!href && !type) { return $icon; }
- var type = Hash.parsePadUrl(href).type;
+ if (!type) { type = Hash.parsePadUrl(href).type; }
$icon = UI.getIcon(type);
return $icon;
diff --git a/www/common/common-thumbnail.js b/www/common/common-thumbnail.js
index f3864e6a3..455b095c9 100644
--- a/www/common/common-thumbnail.js
+++ b/www/common/common-thumbnail.js
@@ -237,6 +237,9 @@ define([
$span.prepend(img);
cb($(img));
};
+ Thumb.addThumbnail = function(thumb, $span, cb) {
+ return addThumbnail(null, thumb, $span, cb);
+ };
var getKey = function (href) {
var parsed = Hash.parsePadUrl(href);
return 'thumbnail-' + parsed.type + '-' + parsed.hashData.channel;
diff --git a/www/common/common-ui-elements.js b/www/common/common-ui-elements.js
index 45e876e1d..7654bafd9 100644
--- a/www/common/common-ui-elements.js
+++ b/www/common/common-ui-elements.js
@@ -241,7 +241,6 @@ define([
type: 'radio',
name: 'cp-share-editable',
value: 1,
- checked: 'checked'
}),
h('label', { 'for': 'cp-share-editable-true' }, Messages.share_linkEdit),
h('input#cp-share-editable-false.cp-share-editable-value', {
@@ -271,12 +270,12 @@ define([
]);
if (!hashes.editHash) {
$(link).find('#cp-share-editable-false').attr('checked', true);
- $(link).find('#cp-share-editable-true').attr('disabled', true);
+ $(link).find('#cp-share-editable-true').removeAttr('checked').attr('disabled', true);
}
var saveValue = function () {
- var edit = $(link).find('#cp-share-editable-true').is(':checked');
- var embed = $(link).find('#cp-share-embed').is(':checked');
- var present = $(link).find('#cp-share-present').is(':checked');
+ var edit = Util.isChecked($(link).find('#cp-share-editable-true'));
+ var embed = Util.isChecked($(link).find('#cp-share-embed'));
+ var present = Util.isChecked($(link).find('#cp-share-present'));
common.setAttribute(['general', 'share'], {
edit: edit,
embed: embed,
@@ -285,9 +284,9 @@ define([
};
var getLinkValue = function (initValue) {
var val = initValue || {};
- var edit = initValue ? val.edit : $(link).find('#cp-share-editable-true').is(':checked');
- var embed = initValue ? val.embed : $(link).find('#cp-share-embed').is(':checked');
- var present = initValue ? val.present : $(link).find('#cp-share-present').is(':checked');
+ var edit = initValue ? val.edit : Util.isChecked($(link).find('#cp-share-editable-true'));
+ var embed = initValue ? val.embed : Util.isChecked($(link).find('#cp-share-embed'));
+ var present = initValue ? val.present : Util.isChecked($(link).find('#cp-share-present'));
var hash = (edit && hashes.editHash) ? hashes.editHash : hashes.viewHash;
var href = origin + pathname + '#' + hash;
@@ -372,10 +371,11 @@ define([
common.getAttribute(['general', 'share'], function (err, val) {
val = val || {};
if (val.edit === false) {
- $(link).find('#cp-share-editable-false').attr('checked', true);
+ $(link).find('#cp-share-editable-false').prop('checked', true);
}
- if (val.embed) { $(link).find('#cp-share-embed').attr('checked', true); }
- if (val.present) { $(link).find('#cp-share-present').attr('checked', true); }
+ else { $(link).find('#cp-share-editable-true').prop('checked', true); }
+ if (val.embed) { $(link).find('#cp-share-embed').prop('checked', true); }
+ if (val.present) { $(link).find('#cp-share-present').prop('checked', true); }
$(link).find('#cp-share-link-preview').val(getLinkValue(val));
});
common.getMetadataMgr().onChange(function () {
@@ -865,7 +865,7 @@ define([
var tbState = true;
common.getAttribute(['general', 'markdown-help'], function (e, data) {
if (e) { return void console.error(e); }
- if ($(window).height() < 800) { return; }
+ if ($(window).height() < 800 && $(window).width() < 800) { return; }
if (data === true && $toolbarButton.length && tbState) {
$toolbarButton.click();
}
@@ -882,7 +882,7 @@ define([
}
common.getAttribute(['general', 'markdown-help'], function (e, data) {
if (e) { return void console.error(e); }
- if ($(window).height() < 800) { return; }
+ if ($(window).height() < 800 && $(window).width() < 800) { return; }
if (data === true && $toolbarButton) {
// Show the toolbar using the button to make sure the icon in the button is
// correct (caret-down / caret-up)
@@ -977,7 +977,7 @@ define([
});
common.getAttribute(['hideHelp', type], function (err, val) {
- if ($(window).height() < 800) { return void toggleHelp(true); }
+ if ($(window).height() < 800 && $(window).width() < 800) { return void toggleHelp(true); }
if (val === true) { toggleHelp(true); }
});
@@ -1694,7 +1694,7 @@ define([
$element.attr('data-type', p);
$element.click(function () {
$modal.hide();
- if ($advanced && $advanced.is(':checked')) {
+ if ($advanced && Util.isChecked($advanced)) {
common.sessionStorage.put(Constants.displayPadCreationScreen, true, function (){
common.openURL('/' + p + '/');
});
@@ -1805,6 +1805,7 @@ define([
UIElements.setExpirationValue = function (val, $expire) {
if (val && typeof (val) === "number") {
+ $expire.find('#cp-creation-expire').attr('checked', true).trigger('change');
$expire.find('#cp-creation-expire-true').attr('checked', true);
if (val % (3600 * 24 * 30) === 0) {
$expire.find('#cp-creation-expire-unit').val("month");
@@ -1835,22 +1836,24 @@ define([
var $creationContainer = $('
', { id: 'cp-creation-container' }).appendTo($body);
var $creation = $('