web/cryptpad
2
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

add upgrade button to all static pages

Browse Source
This commit is contained in:
ansuz
2017-05-30 18:39:41 +02:00
parent 149568689a
commit ebfa228bc0
13 changed files with 81 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
customize.dist/about.html
View File

@@ -39,6 +39,9 @@
<span class="link right">
<a href="https://blog.cryptpad.fr/" data-localization="blog">Blog</a>
</span>
<span class="link right">
<button id="upgrade" class="upgrade btn buttonSuccess" style="display: none;"></button>
</span>
</div>

3
customize.dist/contact.html
View File

@@ -39,6 +39,9 @@
<span class="link right">
<a href="https://blog.cryptpad.fr/" data-localization="blog">Blog</a>
</span>
<span class="link right">
<button id="upgrade" class="upgrade btn buttonSuccess" style="display: none;"></button>
</span>
</div>

3
customize.dist/index.html
View File

@@ -39,6 +39,9 @@
<span class="link right">
<a href="https://blog.cryptpad.fr/" data-localization="blog">Blog</a>
</span>
<span class="link right">
<button id="upgrade" class="upgrade btn buttonSuccess" style="display: none;"></button>
</span>
</div>

16
customize.dist/main.css
View File

@@ -525,6 +525,22 @@
margin: 0px 10px;
line-height: 40px;
}
#cryptpadTopBar .right .buttonSuccess {
color: #fff;
background: #5cb85c;
border-color: #5cb85c;
}
#cryptpadTopBar .right .buttonSuccess:hover {
color: #fff;
background: #449d44;
border: 1px solid #419641;
}
#cryptpadTopBar .right .buttonSuccess span {
color: #fff;
}
#cryptpadTopBar .right .buttonSuccess .large {
margin-left: 5px;
}
#cryptpadTopBar .right button .buttonTitle .fa-user {
margin-right: 5px;
}

13
customize.dist/main.js
View File

@@ -2,7 +2,7 @@ define([
'jquery',
'/customize/application_config.js',
'/common/cryptpad-common.js'
], function ($, Config, Cryptpad) {
], function ($, Config, Cryptpad, ApiConfig) {
window.APP = {
Cryptpad: Cryptpad,
@@ -19,6 +19,8 @@ define([
$sel.find('button').addClass('btn').addClass('btn-secondary');
$sel.show();
var $upgrade = $('#upgrade');
// User admin menu
var $userMenu = $('#user-menu');
var userMenuCfg = {
@@ -31,7 +33,6 @@ define([
$('.cryptpad-dropdown').hide();
});
// main block is hidden in case javascript is disabled
$main.removeClass('hidden');
@@ -57,11 +58,17 @@ define([
});
});
if (!localStorage.plan) {
$upgrade.show().text(Messages.upgradeAccount);
}
$loggedInBlock.removeClass('hidden');
//return;
} else {
$main.find('#userForm').removeClass('hidden');
$('#name').focus();
$upgrade.show().text(Messages.supportCryptpad);
}
var displayCreateButtons = function () {
@@ -88,8 +95,8 @@ define([
var $block = Cryptpad.createDropdown(dropdownConfig);
$block.find('button').addClass('btn').addClass('btn-primary');
$block.appendTo($parent);
};
};
/* Log in UI */
var Login;

3
customize.dist/privacy.html
View File

@@ -39,6 +39,9 @@
<span class="link right">
<a href="https://blog.cryptpad.fr/" data-localization="blog">Blog</a>
</span>
<span class="link right">
<button id="upgrade" class="upgrade btn buttonSuccess" style="display: none;"></button>
</span>
</div>

3
customize.dist/src/fragments/topbar.html
View File

@@ -24,4 +24,7 @@
<span class="link right">
<a href="https://blog.cryptpad.fr/" data-localization="blog">Blog</a>
</span>
<span class="link right">
<button id="upgrade" class="upgrade btn buttonSuccess" style="display: none;"></button>
</span>
</div>

18
customize.dist/src/less/topbar.less
View File

@@ -47,6 +47,24 @@
margin: 0px 10px;
line-height: 40px;
.buttonSuccess {
// Bootstrap 4 colors
color: #fff;
background: @toolbar-green;
border-color: @toolbar-green;
&:hover {
color: #fff;
background: #449d44;
border: 1px solid #419641;
}
span {
color: #fff;
}
.large {
margin-left: 5px;
}
}
button {
.buttonTitle {
.fa-user {

3
customize.dist/terms.html
View File

@@ -39,6 +39,9 @@
<span class="link right">
<a href="https://blog.cryptpad.fr/" data-localization="blog">Blog</a>
</span>
<span class="link right">
<button id="upgrade" class="upgrade btn buttonSuccess" style="display: none;"></button>
</span>
</div>