jake/commento
1
Fork 0
mirror of https://gitlab.com/commento/commento.git synced 2025-06-29 22:56:37 -04:00
Code Releases Activity

everywhere: add option to export data

Browse Source
This commit is contained in:
Adhityaa Chandrasekar
2019-01-31 02:06:11 -05:00
parent f1ece27c99
commit fff5e5c0e1
16 changed files with 361 additions and 30 deletions
Download Patch File Download Diff File Expand all files Collapse all files

68
frontend/dashboard.html
View File

@ -82,27 +82,27 @@
<!-- Installation -->
<div id="installation-view" class="view hidden">
<div class="view-inside">
<div class="large-view">
<div class="mid-view">
<div class="tabs-container">
<div class="tab">
<ul class="tabs">
<li class="tab-link original current" data-tab="install-tab-1">Universal Snippet</li>
<li class="tab-link original current" data-tab="installation-tab-1">Universal Snippet</li>
</ul>
<div id="install-tab-1" class="content original current">
<div class="import-text">
<div id="installation-tab-1" class="content original current">
<div class="normal-text">
Copy the following piece of HTML code and paste it where you'd like Commento to load.
</div>
<pre><code id="code-div" class="html"></code></pre>
<div class="import-text">
<div class="normal-text">
And that's it. All your settings, themes, and comments would be automagically loaded. Commento is mobile-responsive too, as it simply fills the container it is put in.
</div>
<br>
<div class="import-text">
<div class="normal-text">
Read the Commento documentation <a href="https://docs.commento.io/configuration/">on configuration</a>.
</div>
</div>
@ -120,7 +120,7 @@
Analytics
</div>
<div class="import-text">
<div class="normal-text">
Anonymous statistics such as monthly pageviews and number of comments
</div>
@ -154,7 +154,7 @@
<!-- moderation -->
<div id="moderation-view" class="view hidden">
<div class="view-inside">
<div class="small-view small-mid-view">
<div class="mid-view">
<div class="tabs-container">
<div class="tab">
<ul class="tabs">
@ -231,20 +231,42 @@
<!-- Configure Domain -->
<div id="general-view" class="view hidden">
<div class="view-inside">
<div class="small-mid-view">
<div class="center center-title">
Configure Domain
</div>
<div class="box">
<div class="row">
<div class="label">Website Name</div>
<input class="input gray-input" id="cur-domain-name" type="text" :placeholder="domains[cd].origName" v-model="domains[cd].name">
</div>
<div class="mid-view">
<div class="tabs-container">
<div class="tab">
<ul class="tabs">
<li class="tab-link original current" data-tab="configure-tab-1">General</li>
<li class="tab-link" data-tab="configure-tab-2">Email Settings</li>
<li class="tab-link" data-tab="configure-tab-3">Export Data</li>
</ul>
<div id="new-domain-error" class="modal-error-box"></div>
</div>
<div class="center">
<button id="save-general-button" onclick="window.commento.generalSaveHandler()" class="button">Save Changes</button>
<div id="configure-tab-1" class="content original current">
<div class="box">
<div class="row">
<div class="label">Website Name</div>
<input class="input gray-input" id="cur-domain-name" type="text" :placeholder="domains[cd].origName" v-model="domains[cd].name">
</div>
</div>
<div class="center">
<button id="save-general-button" onclick="window.commento.generalSaveHandler()" class="button">Save Changes</button>
</div>
</div>
<div id="configure-tab-2" class="content">
</div>
<div id="configure-tab-3" class="content">
<div class="normal-text">
You can export an archive of this domain's data (which includes all comments and commenters) in the JSON format. To initiate and queue an archive request, click the button below. You will receive an email containing the archive once it's ready.<br><br>
Please note that this requires valid SMTP settings in order to send emails.<br><br>
<div class="center">
<button id="domain-export-button" onclick="window.commento.domainExportBegin()" class="button">Initiate Data Export</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
@ -253,7 +275,7 @@
<!-- Import Comments -->
<div id="import-view" class="view hidden">
<div class="view-inside">
<div class="large-view">
<div class="mid-view">
<div class="tabs-container">
<div class="tab">
<ul class="tabs">
@ -261,7 +283,7 @@
</ul>
<div id="install-tab-1" class="content original current">
<div class="import-text">
<div class="normal-text">
If you're currently using Disqus, you can import all comments into Commento:
<ul>
<li>

1
frontend/gulpfile.js
View File

@ -66,6 +66,7 @@ const jsCompileMap = {
"js/dashboard-statistics.js",
"js/dashboard-import.js",
"js/dashboard-danger.js",
"js/dashboard-export.js",
],
"js/logout.js": [
"js/constants.js",

26
frontend/js/dashboard-export.js Normal file
View File

@ -0,0 +1,26 @@
(function (global, document) {
"use strict";
(document);
global.domainExportBegin = function() {
var data = global.dashboard.$data;
var json = {
"ownerToken": global.cookieGet("commentoOwnerToken"),
"domain": data.domains[data.cd].domain,
}
global.buttonDisable("#domain-export-button");
global.post(global.origin + "/api/domain/export/begin", json, function(resp) {
global.buttonEnable("#domain-export-button");
if (!resp.success) {
global.globalErrorShow(resp.message);
return;
}
global.globalOKShow("Data export operation has been successfully queued. You will receive an email.");
});
};
} (window.commento, document));

4
frontend/js/dashboard.js
View File

@ -30,8 +30,8 @@
},
{
"id": "general",
"text": "General Settings",
"meaning": "Names, emails, and general settings",
"text": "General",
"meaning": "Email settings, data export",
"selected": false,
"open": global.generalOpen,
},

8
frontend/sass/dashboard-main.scss
View File

@ -375,10 +375,10 @@ body {
}
}
.import-text {
font-size: 15px;
.normal-text {
font-size: 14px;
color: $gray-7;
line-height: 25px;
line-height: 22px;
a {
color: $blue-6;
@ -391,7 +391,7 @@ body {
li {
position: relative;
margin-bottom: 10px;
margin-bottom: 5px;
}
li::before {