forked from projects/fipamo
added mail protocol editing in settings
This commit is contained in:
parent
684d5bbf2d
commit
fb345a0b51
11 changed files with 266 additions and 51 deletions
|
@ -86,6 +86,13 @@ router.post("/sync", (req, res, next) =>
|
||||||
obj.private = payload.private;
|
obj.private = payload.private;
|
||||||
obj.theme = payload.theme;
|
obj.theme = payload.theme;
|
||||||
obj.background = payload.background; //TODO: make this url relative
|
obj.background = payload.background; //TODO: make this url relative
|
||||||
|
//mail stuff
|
||||||
|
obj.email.active = payload.mailSettings.activeProtocol;
|
||||||
|
obj.email.smtp.domain = payload.mailSettings.smtp.domain;
|
||||||
|
obj.email.smtp.email = payload.mailSettings.smtp.email;
|
||||||
|
obj.email.smtp.password = payload.mailSettings.smtp.password;
|
||||||
|
obj.email.mailgun.domain = payload.mailSettings.mailgun.domain;
|
||||||
|
obj.email.mailgun['api-key'] = payload.mailSettings.mailgun.key;
|
||||||
fs.writeJson('site-settings.json', obj).then(() =>
|
fs.writeJson('site-settings.json', obj).then(() =>
|
||||||
{
|
{
|
||||||
res.json(
|
res.json(
|
||||||
|
@ -96,8 +103,6 @@ router.post("/sync", (req, res, next) =>
|
||||||
{
|
{
|
||||||
console.error(err)
|
console.error(err)
|
||||||
})
|
})
|
||||||
//console.log("PAYLOAD", payload);
|
|
||||||
//console.log("SETTINGS", obj);
|
|
||||||
}).catch(err =>
|
}).catch(err =>
|
||||||
{
|
{
|
||||||
console.error(err)
|
console.error(err)
|
||||||
|
@ -130,7 +135,6 @@ router.post('/add-avatar', function(req, res, next)
|
||||||
{
|
{
|
||||||
if (err)
|
if (err)
|
||||||
{
|
{
|
||||||
//console.log('Error in Saving Entry: ' + err);
|
|
||||||
res.json(
|
res.json(
|
||||||
{
|
{
|
||||||
message: err
|
message: err
|
||||||
|
@ -186,7 +190,6 @@ router.post('/add-feature-background', function(req, res, next)
|
||||||
{
|
{
|
||||||
if (err)
|
if (err)
|
||||||
{
|
{
|
||||||
//console.log('Error in Saving Entry: ' + err);
|
|
||||||
res.json(
|
res.json(
|
||||||
{
|
{
|
||||||
message: err
|
message: err
|
||||||
|
|
|
@ -7,7 +7,7 @@ var bodyParser = require('body-parser');
|
||||||
var session = require('express-session');
|
var session = require('express-session');
|
||||||
var MemoryStore = require('memorystore')(session)
|
var MemoryStore = require('memorystore')(session)
|
||||||
var flash = require('connect-flash');
|
var flash = require('connect-flash');
|
||||||
var theme = "default";
|
var theme = "default-dark";
|
||||||
var app = express();
|
var app = express();
|
||||||
var request = require('request');
|
var request = require('request');
|
||||||
// view engine setup
|
// view engine setup
|
||||||
|
|
|
@ -1882,6 +1882,27 @@ svg.icons {
|
||||||
-- Settings
|
-- Settings
|
||||||
-------------------------------
|
-------------------------------
|
||||||
**/
|
**/
|
||||||
|
#site-background {
|
||||||
|
margin: 0 0 10px 0;
|
||||||
|
}
|
||||||
|
#site-background img {
|
||||||
|
width: 100%;
|
||||||
|
border-radius: 0;
|
||||||
|
overflow: hidden;
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
#site-background label {
|
||||||
|
position: absolute;
|
||||||
|
color: #f2f1ef;
|
||||||
|
margin: 5px;
|
||||||
|
background: #161d23;
|
||||||
|
padding: 5px;
|
||||||
|
border-radius: 3px;
|
||||||
|
}
|
||||||
|
#site-background input {
|
||||||
|
visibility: hidden;
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
#settings-index {
|
#settings-index {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
max-width: 900px;
|
max-width: 900px;
|
||||||
|
@ -1899,7 +1920,7 @@ svg.icons {
|
||||||
#settings-index #settings-index-wrapper #site-settings,
|
#settings-index #settings-index-wrapper #site-settings,
|
||||||
#settings-index #settings-index-wrapper #theme-settings,
|
#settings-index #settings-index-wrapper #theme-settings,
|
||||||
#settings-index #settings-index-wrapper #mail-settings {
|
#settings-index #settings-index-wrapper #mail-settings {
|
||||||
width: 80%;
|
width: 100%;
|
||||||
margin-bottom: 40px;
|
margin-bottom: 40px;
|
||||||
}
|
}
|
||||||
#settings-index #settings-index-wrapper #member-settings label,
|
#settings-index #settings-index-wrapper #member-settings label,
|
||||||
|
@ -1940,28 +1961,6 @@ svg.icons {
|
||||||
visibility: hidden;
|
visibility: hidden;
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
#settings-index #settings-index-wrapper #member-settings #site-background,
|
|
||||||
#settings-index #settings-index-wrapper #site-settings #site-background,
|
|
||||||
#settings-index #settings-index-wrapper #theme-settings #site-background,
|
|
||||||
#settings-index #settings-index-wrapper #mail-settings #site-background {
|
|
||||||
margin: 0 0 10px 0;
|
|
||||||
}
|
|
||||||
#settings-index #settings-index-wrapper #member-settings #site-background img,
|
|
||||||
#settings-index #settings-index-wrapper #site-settings #site-background img,
|
|
||||||
#settings-index #settings-index-wrapper #theme-settings #site-background img,
|
|
||||||
#settings-index #settings-index-wrapper #mail-settings #site-background img {
|
|
||||||
width: 100%;
|
|
||||||
border-radius: 5px;
|
|
||||||
overflow: hidden;
|
|
||||||
cursor: pointer;
|
|
||||||
}
|
|
||||||
#settings-index #settings-index-wrapper #member-settings #site-background input,
|
|
||||||
#settings-index #settings-index-wrapper #site-settings #site-background input,
|
|
||||||
#settings-index #settings-index-wrapper #theme-settings #site-background input,
|
|
||||||
#settings-index #settings-index-wrapper #mail-settings #site-background input {
|
|
||||||
visibility: hidden;
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
#settings-index #settings-index-wrapper #member-settings #member-info,
|
#settings-index #settings-index-wrapper #member-settings #member-info,
|
||||||
#settings-index #settings-index-wrapper #site-settings #member-info,
|
#settings-index #settings-index-wrapper #site-settings #member-info,
|
||||||
#settings-index #settings-index-wrapper #theme-settings #member-info,
|
#settings-index #settings-index-wrapper #theme-settings #member-info,
|
||||||
|
@ -2014,6 +2013,31 @@ svg.icons {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
float: right;
|
float: right;
|
||||||
}
|
}
|
||||||
|
#settings-index #settings-index-wrapper #mail-settings {
|
||||||
|
height: 100px;
|
||||||
|
}
|
||||||
|
#settings-index #settings-index-wrapper #mail-settings a.mail-option {
|
||||||
|
float: right;
|
||||||
|
font-family: 'Apercu-Mono';
|
||||||
|
font-size: 0.9em;
|
||||||
|
border-radius: 3px;
|
||||||
|
text-decoration: none;
|
||||||
|
margin: 0 0 0 5px;
|
||||||
|
}
|
||||||
|
#settings-index #settings-index-wrapper #mail-settings a.mail-option[data-enabled='true'] {
|
||||||
|
color: #fc6399;
|
||||||
|
}
|
||||||
|
#settings-index #settings-index-wrapper #mail-settings a.mail-option[data-enabled='false'] {
|
||||||
|
color: #f2f1ef;
|
||||||
|
}
|
||||||
|
#settings-index #settings-index-wrapper #mail-settings input {
|
||||||
|
margin: 0 5px 5px 0;
|
||||||
|
vertical-align: top;
|
||||||
|
}
|
||||||
|
#settings-index #settings-index-wrapper #mail-settings div[data-enabled='false'] {
|
||||||
|
display: none;
|
||||||
|
visibility: hidden;
|
||||||
|
}
|
||||||
/**
|
/**
|
||||||
-------------------------------
|
-------------------------------
|
||||||
-- Forms
|
-- Forms
|
||||||
|
|
File diff suppressed because one or more lines are too long
62
themes/dash/assets/js/dash.min.js
vendored
62
themes/dash/assets/js/dash.min.js
vendored
|
@ -8351,11 +8351,22 @@ function () {
|
||||||
var background = document.getElementById('background').src;
|
var background = document.getElementById('background').src;
|
||||||
var selected = "";
|
var selected = "";
|
||||||
var selects = document.querySelectorAll('.theme-select');
|
var selects = document.querySelectorAll('.theme-select');
|
||||||
|
var smtpDomain = document.getElementById('smtp-domain').value;
|
||||||
|
var smtpEmail = document.getElementById('smtp-email').value;
|
||||||
|
var smtpPass = document.getElementById('smtp-pass').value;
|
||||||
|
var mgDomain = document.getElementById('mg-domain').value;
|
||||||
|
var mgKey = document.getElementById('mg-key').value;
|
||||||
|
var mailActive = "";
|
||||||
|
var mailOptions = document.querySelectorAll('.mail-option');
|
||||||
|
|
||||||
for (var i = 0, length = selects.length; i < length; i++) {
|
for (var i = 0, length = selects.length; i < length; i++) {
|
||||||
if (selects[i].getAttribute('data-enabled') == "true") selected = selects[i].id;
|
if (selects[i].getAttribute('data-enabled') == "true") selected = selects[i].id;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
for (var i = 0, length = mailOptions.length; i < length; i++) {
|
||||||
|
if (mailOptions[i].getAttribute('data-enabled') == "true") mailActive = mailOptions[i].id;
|
||||||
|
}
|
||||||
|
|
||||||
var settingsData = {
|
var settingsData = {
|
||||||
handle: handle,
|
handle: handle,
|
||||||
email: email,
|
email: email,
|
||||||
|
@ -8364,7 +8375,19 @@ function () {
|
||||||
descriptions: desc,
|
descriptions: desc,
|
||||||
background: background,
|
background: background,
|
||||||
private: privacy,
|
private: privacy,
|
||||||
theme: selected
|
theme: selected,
|
||||||
|
mailSettings: {
|
||||||
|
activeProtocol: mailActive,
|
||||||
|
smtp: {
|
||||||
|
domain: smtpDomain,
|
||||||
|
email: smtpEmail,
|
||||||
|
password: smtpPass
|
||||||
|
},
|
||||||
|
mailgun: {
|
||||||
|
domain: mgDomain,
|
||||||
|
key: mgKey
|
||||||
|
}
|
||||||
|
}
|
||||||
};
|
};
|
||||||
return new Promise(function (resolve, reject) {
|
return new Promise(function (resolve, reject) {
|
||||||
self.dataUtils.request('/api/settings/sync', DataEvent.SETTINGS_UPDATED, _DataUtils.REQUEST_TYPE_POST, _DataUtils.CONTENT_TYPE_JSON, settingsData).then(function (response) {
|
self.dataUtils.request('/api/settings/sync', DataEvent.SETTINGS_UPDATED, _DataUtils.REQUEST_TYPE_POST, _DataUtils.CONTENT_TYPE_JSON, settingsData).then(function (response) {
|
||||||
|
@ -8462,6 +8485,15 @@ function () {
|
||||||
themeBtns[i].addEventListener('click', function (e) {
|
themeBtns[i].addEventListener('click', function (e) {
|
||||||
return _this.handleThemes(e);
|
return _this.handleThemes(e);
|
||||||
});
|
});
|
||||||
|
} //handle mail options
|
||||||
|
|
||||||
|
|
||||||
|
var mailBtn = document.querySelectorAll('.mail-option');
|
||||||
|
|
||||||
|
for (var i = 0, length = mailBtn.length; i < length; i++) {
|
||||||
|
mailBtn[i].addEventListener('click', function (e) {
|
||||||
|
return _this.handleMailOptions(e);
|
||||||
|
});
|
||||||
}
|
}
|
||||||
} //--------------------------
|
} //--------------------------
|
||||||
// event handlers
|
// event handlers
|
||||||
|
@ -8492,6 +8524,34 @@ function () {
|
||||||
e.target.id == themes[i].id ? themes[i].setAttribute('data-enabled', 'true') : themes[i].setAttribute('data-enabled', 'false');
|
e.target.id == themes[i].id ? themes[i].setAttribute('data-enabled', 'true') : themes[i].setAttribute('data-enabled', 'false');
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
}, {
|
||||||
|
key: "handleMailOptions",
|
||||||
|
value: function handleMailOptions(e) {
|
||||||
|
e.preventDefault();
|
||||||
|
e.stopPropagation();
|
||||||
|
var smtp = document.getElementById('mail-smtp');
|
||||||
|
var mailgun = document.getElementById('mail-mg');
|
||||||
|
var mail = document.querySelectorAll('.mail-option');
|
||||||
|
|
||||||
|
for (var i = 0, length = mail.length; i < length; i++) {
|
||||||
|
if (e.target.id == mail[i].id) {
|
||||||
|
mail[i].setAttribute('data-enabled', 'true');
|
||||||
|
|
||||||
|
if (e.target.id == "option-smtp") {
|
||||||
|
smtp.setAttribute('data-enabled', 'true');
|
||||||
|
mailgun.setAttribute('data-enabled', 'false');
|
||||||
|
} else if (e.target.id == "option-none") {
|
||||||
|
smtp.setAttribute('data-enabled', 'false');
|
||||||
|
mailgun.setAttribute('data-enabled', 'false');
|
||||||
|
} else {
|
||||||
|
smtp.setAttribute('data-enabled', 'false');
|
||||||
|
mailgun.setAttribute('data-enabled', 'true');
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
mail[i].setAttribute('data-enabled', 'false');
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
}, {
|
}, {
|
||||||
key: "handleImageUpload",
|
key: "handleImageUpload",
|
||||||
value: function handleImageUpload(type, files) {
|
value: function handleImageUpload(type, files) {
|
||||||
|
|
File diff suppressed because one or more lines are too long
25
themes/dash/partials/mailforms.pug
Normal file
25
themes/dash/partials/mailforms.pug
Normal file
|
@ -0,0 +1,25 @@
|
||||||
|
|
||||||
|
-if(settings.email.active == "option-smtp")
|
||||||
|
#mail-smtp(data-enabled='true')
|
||||||
|
input(type='text', name='smtp-domain' id='smtp-domain', placeholder='domain', value=settings.email.smtp.domain autofocus)
|
||||||
|
input(type='text', name='smtp-email' id='smtp-email', placeholder='email', value=settings.email.smtp.email , autofocus)
|
||||||
|
input(type='text', name='smtp-pass' id='smtp-pass', placeholder='password', value=settings.email.smtp.password , autofocus)
|
||||||
|
#mail-mg(data-enabled='false')
|
||||||
|
input(type='text', name='mg-domain' id='mg-domain', placeholder='domain', value=settings.email.mailgun.domain autofocus)
|
||||||
|
input(type='text', name='mg-key' id='mg-key', placeholder='api key', value=settings.email.mailgun['api-key'] , autofocus)
|
||||||
|
-else if(settings.email.active == "option-mg")
|
||||||
|
#mail-smtp(data-enabled='false')
|
||||||
|
input(type='text', name='smtp-domain' id='smtp-domain', placeholder='domain', value=settings.email.smtp.domain autofocus)
|
||||||
|
input(type='text', name='smtp-email' id='smtp-email', placeholder='email', value=settings.email.smtp.email , autofocus)
|
||||||
|
input(type='text', name='smtp-pass' id='smtp-pass', placeholder='password', value=settings.email.smtp.password , autofocus)
|
||||||
|
#mail-mg(data-enabled='mg')
|
||||||
|
input(type='text', name='mg-domain' id='mg-domain', placeholder='domain', value=settings.email.mailgun.domain autofocus)
|
||||||
|
input(type='text', name='mg-key' id='mg-key', placeholder='api key', value=settings.email.mailgun['api-key'] , autofocus)
|
||||||
|
-else
|
||||||
|
#mail-smtp(data-enabled='false')
|
||||||
|
input(type='text', name='smtp-domain' id='smtp-domain', placeholder='domain', value=settings.email.smtp.domain autofocus)
|
||||||
|
input(type='text', name='smtp-email' id='smtp-email', placeholder='email', value=settings.email.smtp.email , autofocus)
|
||||||
|
input(type='text', name='smtp-pass' id='smtp-pass', placeholder='password', value=settings.email.smtp.password , autofocus)
|
||||||
|
#mail-mg(data-enabled='false')
|
||||||
|
input(type='text', name='mg-domain' id='mg-domain', placeholder='domain', value=settings.email.mailgun.domain autofocus)
|
||||||
|
input(type='text', name='mg-key' id='mg-key', placeholder='api key', value=settings.email.mailgun['api-key'] , autofocus)
|
|
@ -1,5 +1,10 @@
|
||||||
extends frame
|
extends frame
|
||||||
block main-content
|
block main-content
|
||||||
|
#site-background
|
||||||
|
label FEATURE SITE IMAGE
|
||||||
|
img#background(src=settings.background, alt="image for site background", for="background-upload")
|
||||||
|
input(id="background-upload" type="file" name="backgrond-upload")
|
||||||
|
|
||||||
#settings-index
|
#settings-index
|
||||||
#settings-index-wrapper
|
#settings-index-wrapper
|
||||||
#member-settings
|
#member-settings
|
||||||
|
@ -14,9 +19,6 @@ block main-content
|
||||||
#site-settings
|
#site-settings
|
||||||
label SITE INFO
|
label SITE INFO
|
||||||
br
|
br
|
||||||
#site-background
|
|
||||||
img#background(src=settings.background, alt="image for site background", for="background-upload")
|
|
||||||
input(id="background-upload" type="file" name="backgrond-upload")
|
|
||||||
input(type='text', name='base-url' id='settings-url', placeholder='url', value=settings.url, autofocus)
|
input(type='text', name='base-url' id='settings-url', placeholder='url', value=settings.url, autofocus)
|
||||||
input(type='text', name='base-title' id='settings-title', placeholder='site title', value=settings.title, autofocus)
|
input(type='text', name='base-title' id='settings-title', placeholder='site title', value=settings.title, autofocus)
|
||||||
textarea(id="settings-desc" type='text', name='settings_desc' class='settings-dec', placeholder='description stuff', autofocus)
|
textarea(id="settings-desc" type='text', name='settings_desc' class='settings-dec', placeholder='description stuff', autofocus)
|
||||||
|
@ -41,6 +43,21 @@ block main-content
|
||||||
= themes[index].theme["display-name"]
|
= themes[index].theme["display-name"]
|
||||||
#mail-settings
|
#mail-settings
|
||||||
label MAIL SETTINGS
|
label MAIL SETTINGS
|
||||||
|
-if(settings.email.active == "option-none")
|
||||||
|
a.mail-option#option-none(href="#", data-enabled='true') NONE
|
||||||
|
-else
|
||||||
|
a.mail-option#option-none(href="#", data-enabled='false') NONE
|
||||||
|
-if(settings.email.active == "option-mg")
|
||||||
|
a.mail-option#option-mg(href="#", data-enabled='true') MAILGUN
|
||||||
|
-else
|
||||||
|
a.mail-option#option-mg(href="#", data-enabled='false') MAILGUN
|
||||||
|
-if(settings.email.active == "option-smtp")
|
||||||
|
a.mail-option#option-smtp(href="#", data-enabled='true') SMTP
|
||||||
|
-else
|
||||||
|
a.mail-option#option-smtp(href="#", data-enabled='false') SMTP
|
||||||
|
|
||||||
|
include partials/mailforms
|
||||||
|
|
||||||
br
|
br
|
||||||
button#save-toggle SAVE SETTINGS
|
button#save-toggle SAVE SETTINGS
|
||||||
|
|
||||||
|
|
|
@ -36,10 +36,22 @@ export default class SettingsActions
|
||||||
let background = document.getElementById('background').src;
|
let background = document.getElementById('background').src;
|
||||||
let selected = "";
|
let selected = "";
|
||||||
let selects = document.querySelectorAll('.theme-select');
|
let selects = document.querySelectorAll('.theme-select');
|
||||||
|
let smtpDomain = document.getElementById('smtp-domain').value;
|
||||||
|
let smtpEmail = document.getElementById('smtp-email').value;
|
||||||
|
let smtpPass = document.getElementById('smtp-pass').value;
|
||||||
|
let mgDomain = document.getElementById('mg-domain').value;
|
||||||
|
let mgKey = document.getElementById('mg-key').value;
|
||||||
|
let mailActive = "";
|
||||||
|
let mailOptions = document.querySelectorAll('.mail-option');
|
||||||
for (var i = 0, length = selects.length; i < length; i++)
|
for (var i = 0, length = selects.length; i < length; i++)
|
||||||
{
|
{
|
||||||
if (selects[i].getAttribute('data-enabled') == "true") selected = selects[i].id;
|
if (selects[i].getAttribute('data-enabled') == "true") selected = selects[i].id;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
for (var i = 0, length = mailOptions.length; i < length; i++)
|
||||||
|
{
|
||||||
|
if (mailOptions[i].getAttribute('data-enabled') == "true") mailActive = mailOptions[i].id;
|
||||||
|
}
|
||||||
let settingsData = {
|
let settingsData = {
|
||||||
handle: handle,
|
handle: handle,
|
||||||
email: email,
|
email: email,
|
||||||
|
@ -48,7 +60,19 @@ export default class SettingsActions
|
||||||
descriptions: desc,
|
descriptions: desc,
|
||||||
background: background,
|
background: background,
|
||||||
private: privacy,
|
private: privacy,
|
||||||
theme: selected
|
theme: selected,
|
||||||
|
mailSettings:{
|
||||||
|
activeProtocol: mailActive,
|
||||||
|
smtp:{
|
||||||
|
domain: smtpDomain,
|
||||||
|
email: smtpEmail,
|
||||||
|
password:smtpPass
|
||||||
|
},
|
||||||
|
mailgun:{
|
||||||
|
domain: mgDomain,
|
||||||
|
key: mgKey
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
return new Promise(function(resolve, reject)
|
return new Promise(function(resolve, reject)
|
||||||
{
|
{
|
||||||
|
|
|
@ -59,6 +59,12 @@ export default class SettingsIndex
|
||||||
{
|
{
|
||||||
themeBtns[i].addEventListener('click', e=>this.handleThemes(e));
|
themeBtns[i].addEventListener('click', e=>this.handleThemes(e));
|
||||||
}
|
}
|
||||||
|
//handle mail options
|
||||||
|
let mailBtn = document.querySelectorAll('.mail-option');
|
||||||
|
for (var i = 0, length = mailBtn.length; i < length; i++)
|
||||||
|
{
|
||||||
|
mailBtn[i].addEventListener('click', e=>this.handleMailOptions(e));
|
||||||
|
}
|
||||||
}
|
}
|
||||||
//--------------------------
|
//--------------------------
|
||||||
// event handlers
|
// event handlers
|
||||||
|
@ -87,6 +93,33 @@ export default class SettingsIndex
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
handleMailOptions(e)
|
||||||
|
{
|
||||||
|
e.preventDefault();
|
||||||
|
e.stopPropagation();
|
||||||
|
let smtp = document.getElementById('mail-smtp');
|
||||||
|
let mailgun = document.getElementById('mail-mg')
|
||||||
|
let mail = document.querySelectorAll('.mail-option');
|
||||||
|
for (var i = 0, length = mail.length; i < length; i++)
|
||||||
|
{
|
||||||
|
if(e.target.id == mail[i].id){
|
||||||
|
mail[i].setAttribute('data-enabled', 'true')
|
||||||
|
if (e.target.id == "option-smtp"){
|
||||||
|
smtp.setAttribute('data-enabled', 'true')
|
||||||
|
mailgun.setAttribute('data-enabled', 'false')
|
||||||
|
}else if(e.target.id == "option-none"){
|
||||||
|
smtp.setAttribute('data-enabled', 'false')
|
||||||
|
mailgun.setAttribute('data-enabled', 'false')
|
||||||
|
}else{
|
||||||
|
smtp.setAttribute('data-enabled', 'false')
|
||||||
|
mailgun.setAttribute('data-enabled', 'true')
|
||||||
|
}
|
||||||
|
}else{
|
||||||
|
mail[i].setAttribute('data-enabled', 'false')
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
handleImageUpload(type, files)
|
handleImageUpload(type, files)
|
||||||
{
|
{
|
||||||
let url = ""
|
let url = ""
|
||||||
|
|
|
@ -1,3 +1,23 @@
|
||||||
|
#site-background
|
||||||
|
margin 0 0 10px 0
|
||||||
|
img
|
||||||
|
width 100%
|
||||||
|
// border 5px solid $white
|
||||||
|
border-radius 0
|
||||||
|
overflow hidden
|
||||||
|
cursor pointer
|
||||||
|
label
|
||||||
|
position: absolute
|
||||||
|
color $white
|
||||||
|
margin 5px
|
||||||
|
background $primary - 60%
|
||||||
|
padding: 5px
|
||||||
|
border-radius 3px
|
||||||
|
|
||||||
|
input
|
||||||
|
visibility hidden
|
||||||
|
display none
|
||||||
|
|
||||||
#settings-index
|
#settings-index
|
||||||
width 100%
|
width 100%
|
||||||
max-width 900px
|
max-width 900px
|
||||||
|
@ -22,7 +42,7 @@
|
||||||
height 30px
|
height 30px
|
||||||
padding 10px
|
padding 10px
|
||||||
|
|
||||||
width 80%
|
width 100%
|
||||||
margin-bottom 40px
|
margin-bottom 40px
|
||||||
|
|
||||||
#member-avatar-drop
|
#member-avatar-drop
|
||||||
|
@ -39,20 +59,6 @@
|
||||||
visibility hidden
|
visibility hidden
|
||||||
display none
|
display none
|
||||||
|
|
||||||
#site-background
|
|
||||||
margin 0 0 10px 0
|
|
||||||
|
|
||||||
img
|
|
||||||
width 100%
|
|
||||||
// border 5px solid $white
|
|
||||||
border-radius 5px
|
|
||||||
overflow hidden
|
|
||||||
cursor pointer
|
|
||||||
|
|
||||||
input
|
|
||||||
visibility hidden
|
|
||||||
display none
|
|
||||||
|
|
||||||
#member-info
|
#member-info
|
||||||
vertical-align top
|
vertical-align top
|
||||||
display inline-block
|
display inline-block
|
||||||
|
@ -96,3 +102,26 @@
|
||||||
fill $primary
|
fill $primary
|
||||||
display inline-block
|
display inline-block
|
||||||
float right
|
float right
|
||||||
|
|
||||||
|
#mail-settings
|
||||||
|
height 100px
|
||||||
|
a.mail-option
|
||||||
|
float right
|
||||||
|
font-family 'Apercu-Mono'
|
||||||
|
font-size .9em
|
||||||
|
border-radius 3px
|
||||||
|
text-decoration: none
|
||||||
|
margin 0 0 0 5px
|
||||||
|
//padding: 1px
|
||||||
|
a.mail-option[data-enabled='true']
|
||||||
|
color $highlight
|
||||||
|
a.mail-option[data-enabled='false']
|
||||||
|
color $white
|
||||||
|
input
|
||||||
|
// width 94%
|
||||||
|
margin 0 5px 5px 0
|
||||||
|
vertical-align: top
|
||||||
|
|
||||||
|
div[data-enabled='false']
|
||||||
|
display none
|
||||||
|
visibility hidden
|
||||||
|
|
Loading…
Reference in a new issue