infra
/
cryptpad
2
1
Fork 0
Code Issues Pull Requests Projects Releases 1 Activity

Display subscribe and donate buttons if instance accepts subscriptions

master
David Benqué 2022-05-04 13:21:25 +01:00
parent 6a708a7df0
commit 7baf0250ac
2 changed files with 52 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

28
customize.dist/pages/index.js
View File

@ -191,6 +191,23 @@ define([
locationBlock = h('div', h('br')); // XXX
}
Msg.home_morestorage = 'For more storage space, and to support the project:'; // XXX
var subButton = function () {
if (Pages.areSubscriptionsAllowed()) {
sub = h('div.cp-sub-prompt', [
h('span', Msg.home_morestorage),
h('br'),
h('button', Msg.features_f_subscribe),
h('button', Msg.footer_donate)
]);
return sub;
} else {
return h('div');
}
};
return [
h('div#cp-main', [
Pages.infopageTopbar(),
@ -202,7 +219,7 @@ define([
'aria-hidden': 'true',
alt: ''
}),
h('h1', Pages.Instance.name),
h('h1.cp-instance-title', Pages.Instance.name),
UI.setHTML(h('span.tag-line'), Pages.Instance.description),
locationBlock,
termsLink,
@ -219,9 +236,12 @@ define([
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 DB TODO: Use instance default storage
h('div.cp-app-drive', [
h('a.cp-drive-btn', {'href': '/drive/'}, [
h('i.fa.fa-hdd-o', {'aria-hidden': 'true'}),
Msg.team_cat_drive
]),
subButton
])
])
]),

42
customize.dist/src/less2/pages/page-index.less
View File

@ -175,23 +175,37 @@
}
}
});
a.cp-app-drive {
color: @cryptpad_text_col;
font-size: 1.5em;
display: inline-block;
.cp-app-drive {
display: flex;
flex-direction: row;
margin: 20px 0px;
padding: 10px;
border-radius: @infopages-radius-L;
&:visited {
// font-size: 1.4rem;
a.cp-drive-btn {
color: @cryptpad_text_col;
font-size: 1.5rem;
display: block;
height: min-content;
width: fit-content;
padding: 10px;
border-radius: @infopages-radius-L;
margin-right: 15px;
&:visited {
color: @cryptpad_text_col;
}
&:hover {
background-color: fade(@cryptpad_text_col, 10%);
}
i {
color: @cryptpad_color_brand;
margin-right: 10px;
font-size: 1.3em;
}
}
&:hover {
background-color: fade(@cryptpad_text_col, 10%);
}
i {
color: @cryptpad_color_brand;
margin-right: 10px;
font-size: 1.3em;
.cp-sub-prompt {
button {
font-size: 1.4rem;
margin-top: 10px;
}
}
}