projects/fipamo
1
0
Fork 1
Code Issues 24 Pull requests Projects 1 Releases 22 Packages Wiki Activity

removed unecessary mixins

Browse source
This commit is contained in:
Ro 2022-03-19 14:17:24 -07:00
parent a70c98afa0
commit 2b7db3cc88
8 changed files with 209 additions and 242 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

30
public/assets/css/dash.css
View file

@ -1912,6 +1912,7 @@ a {
font: 300 1em Helvetica, Arial, sans-serif; font: 300 1em Helvetica, Arial, sans-serif;
color: #b2cce5; color: #b2cce5;
text-decoration: underline; text-decoration: underline;
transition: all 0.2s linear;
} }
svg.icons { svg.icons {
@ -2057,10 +2058,7 @@ svg.icons {
border-radius: 50px; border-radius: 50px;
} }
.main-container section header #wrapper #right #dash-menu a button svg { .main-container section header #wrapper #right #dash-menu a button svg {
-moz-transition: all 0.1s linear; transition: all 0.2s linear;
-webkit-transition: all 0.1s linear;
-o-transition: all 0.1s linear;
transition: all 0.1s linear;
width: 40px; width: 40px;
height: 20px; height: 20px;
fill: #EFEBE3; fill: #EFEBE3;
@ -2270,10 +2268,7 @@ svg.icons {
margin-left: 10px; margin-left: 10px;
} }
#dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list .recent-header .index-header-right a button svg { #dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list .recent-header .index-header-right a button svg {
-moz-transition: all 0.1s linear; transition: all 0.2s linear;
-webkit-transition: all 0.1s linear;
-o-transition: all 0.1s linear;
transition: all 0.1s linear;
width: 40px; width: 40px;
height: 20px; height: 20px;
fill: #EFEBE3; fill: #EFEBE3;
@ -2852,9 +2847,6 @@ button, input[type=submit] {
cursor: pointer; cursor: pointer;
border: 0; border: 0;
padding: 10px 0 5px 0; padding: 10px 0 5px 0;
-moz-transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
transition: all 0.3s linear; transition: all 0.3s linear;
} }
@ -2919,6 +2911,7 @@ select {
width: 55px; width: 55px;
} }
#post-index #post-index-wrapper #post-index-header #post-index-header-right a svg { #post-index #post-index-wrapper #post-index-header #post-index-header-right a svg {
transition: all 0.1s linear;
width: 20px; width: 20px;
height: 17px; height: 17px;
fill: #EFEBE3; fill: #EFEBE3;
@ -3000,10 +2993,7 @@ select {
margin: 0 0 10px 10px; margin: 0 0 10px 10px;
} }
#post-index #post-index-wrapper #posts-list a.page-link div.page-bg #meta #options #option-left svg, #post-index #post-index-wrapper #posts-list a.page-link div.page-video #meta #options #option-left svg { #post-index #post-index-wrapper #posts-list a.page-link div.page-bg #meta #options #option-left svg, #post-index #post-index-wrapper #posts-list a.page-link div.page-video #meta #options #option-left svg {
-moz-transition: all 0.1s linear; transition: all 0.2s linear;
-webkit-transition: all 0.1s linear;
-o-transition: all 0.1s linear;
transition: all 0.1s linear;
width: 40px; width: 40px;
height: 20px; height: 20px;
fill: #b2cce5; fill: #b2cce5;
@ -3152,13 +3142,6 @@ select {
#post-edit-index #post-edit-index-wrapper #post-header #post-header-wrapper #post-meta #post-options button { #post-edit-index #post-edit-index-wrapper #post-header #post-header-wrapper #post-meta #post-options button {
width: 25%; width: 25%;
height: 45px; height: 45px;
-moz-transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
transition: all 0.3s linear; transition: all 0.3s linear;
margin: 0; margin: 0;
border-radius: 0; border-radius: 0;
@ -3712,9 +3695,6 @@ select {
background: #b2cce5; background: #b2cce5;
width: 10%; width: 10%;
height: 39px; height: 39px;
-moz-transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
transition: all 0.3s linear; transition: all 0.3s linear;
margin: 0; margin: 0;
border-radius: 0; border-radius: 0;

388
src/com/Base.js
View file

@ -8,205 +8,205 @@ const data = new DataUitls();
const notify = new Notfications(); const notify = new Notfications();
export default class Base { export default class Base {
//-------------------------- //--------------------------
// constructor // constructor
//-------------------------- //--------------------------
constructor() { constructor() {
this.processing = false; this.processing = false;
this.start(); this.start();
} }
//-------------------------- //--------------------------
// methods // methods
//-------------------------- //--------------------------
start() { start() {
if ( if (
document.getElementById('dash-form') || document.getElementById('dash-form') ||
document.getElementById('dash-init') document.getElementById('dash-init')
) { ) {
var options = document.getElementsByClassName('init-option'); var options = document.getElementsByClassName('init-option');
for (let index = 0; index < options.length; index++) { for (let index = 0; index < options.length; index++) {
options[index].addEventListener('click', e => this.handleOptions(e)); options[index].addEventListener('click', e => this.handleOptions(e));
} }
if (document.getElementById('dash-form')) { if (document.getElementById('dash-form')) {
document document
.getElementById('login-btn') .getElementById('login-btn')
.addEventListener('click', e => this.handleLogin(e)); .addEventListener('click', e => this.handleLogin(e));
} else { } else {
document document
.getElementById('init-blog') .getElementById('init-blog')
.addEventListener('click', e => this.handleSetup(e)); .addEventListener('click', e => this.handleSetup(e));
document document
.getElementById('blog-restore') .getElementById('blog-restore')
.addEventListener('click', e => this.handleRestore(e)); .addEventListener('click', e => this.handleRestore(e));
} }
} else if (document.getElementById('dash-reset')) { } else if (document.getElementById('dash-reset')) {
document document
.getElementById('get-secret-btn') .getElementById('get-secret-btn')
.addEventListener('click', e => this.handleReset(e)); .addEventListener('click', e => this.handleReset(e));
document document
.getElementById('reset-btn') .getElementById('reset-btn')
.addEventListener('click', e => this.handleReset(e)); .addEventListener('click', e => this.handleReset(e));
} else { } else {
new DashManager(); new DashManager();
} }
} }
//-------------------------- //--------------------------
// event handlers // event handlers
//-------------------------- //--------------------------
handleLogin(e) { handleLogin(e) {
if (this.processing) return; if (this.processing) return;
let self = this; let self = this;
e.stopPropagation(); e.stopPropagation();
e.preventDefault(); e.preventDefault();
let authForm = data.formDataToJSON(document.getElementById('login')); let authForm = data.formDataToJSON(document.getElementById('login'));
notify.alert('Looking, hold up', null); notify.alert('Looking, hold up', null);
let api = new FipamoAdminAPI(); let api = new FipamoAdminAPI();
this.processing = true; this.processing = true;
api.login(authForm) api.login(authForm)
.then(response => { .then(response => {
self.processing = false; self.processing = false;
if (response.type === DataEvent.REQUEST_LAME) { if (response.type === DataEvent.REQUEST_LAME) {
notify.alert(response.message, false); notify.alert(response.message, false);
} else { } else {
notify.alert(response.message, true); notify.alert(response.message, true);
e.target.innerHTML = response.message; e.target.innerHTML = response.message;
setTimeout(() => { setTimeout(() => {
window.location = '/dashboard'; window.location = '/dashboard';
}, 500); }, 500);
} }
}) })
.catch(err => { .catch(err => {
self.processing = false; self.processing = false;
notify.alert(err, false); notify.alert(err, false);
}); });
} }
handleSetup(e) { handleSetup(e) {
if (this.processing) return; if (this.processing) return;
let self = this; let self = this;
e.stopPropagation(); e.stopPropagation();
e.preventDefault(); e.preventDefault();
let setUpForm = data.formDataToJSON(document.getElementById('init-form')); let setUpForm = data.formDataToJSON(document.getElementById('init-form'));
let mm = new Maintenance(); let mm = new Maintenance();
this.processing = true; this.processing = true;
mm.create(setUpForm) mm.create(setUpForm)
.then(response => { .then(response => {
if (response.type === DataEvent.API_INIT_LAME) { if (response.type === DataEvent.API_INIT_LAME) {
self.processing = false; self.processing = false;
notify.alert(response.message, false); notify.alert(response.message, false);
} else { } else {
self.processing = false; self.processing = false;
notify.alert(response.message, true); notify.alert(response.message, true);
setTimeout(() => { setTimeout(() => {
window.location = '/dashboard'; window.location = '/dashboard';
}, 700); }, 700);
} }
}) })
.catch(err => { .catch(err => {
self.processing = false; self.processing = false;
notify.alert(err, false); notify.alert(err, false);
}); });
} }
handleRestore(e) { handleRestore(e) {
if (this.processing) return; if (this.processing) return;
let self = this; let self = this;
e.stopPropagation(); e.stopPropagation();
e.preventDefault(); e.preventDefault();
let mm = new Maintenance(); let mm = new Maintenance();
var form = document.getElementById('init-restore'); var form = document.getElementById('init-restore');
this.processing = true; this.processing = true;
mm.restore(form) mm.restore(form)
.then(response => { .then(response => {
if (response.type === DataEvent.REQUEST_LAME) { if (response.type === DataEvent.REQUEST_LAME) {
self.processing = false; self.processing = false;
notify.alert(response.message, false); notify.alert(response.message, false);
} else { } else {
self.processing = false; self.processing = false;
notify.alert(response.message, true); notify.alert(response.message, true);
setTimeout(() => { setTimeout(() => {
window.location = '/dashboard'; window.location = '/dashboard';
}, 1500); }, 1500);
} }
}) })
.catch(err => { .catch(err => {
self.processing = false; self.processing = false;
notify.alert(err, false); notify.alert(err, false);
}); });
} }
handleReset(e) { handleReset(e) {
e.stopPropagation(); e.stopPropagation();
e.preventDefault(); e.preventDefault();
let self = this; let self = this;
let mm = new Maintenance(); let mm = new Maintenance();
if (e.target.id == 'get-secret-btn') { if (e.target.id == 'get-secret-btn') {
let data = { let data = {
email: document.getElementById('email').value, email: document.getElementById('email').value,
task: 'retrieveSecret' task: 'retrieveSecret'
}; };
this.processing = true; this.processing = true;
mm.secret(data) mm.secret(data)
.then(response => { .then(response => {
self.processing = false; self.processing = false;
if (response.secret) { if (response.secret) {
document.getElementById('secret').value = response.secret; document.getElementById('secret').value = response.secret;
notify.alert(response.message, true); notify.alert(response.message, true);
} else { } else {
if (response.type == 'mailSent') { if (response.type == 'mailSent') {
notify.alert(response.message, true); notify.alert(response.message, true);
} else { } else {
notify.alert(response.message, false); notify.alert(response.message, false);
} }
} }
}) })
.catch(err => { .catch(err => {
self.processing = false; self.processing = false;
notify.alert(err, false); notify.alert(err, false);
}); });
} else { } else {
let data = { let data = {
newPass: document.getElementById('new_password').value, newPass: document.getElementById('new_password').value,
newPassConfirm: document.getElementById('new_password2').value, newPassConfirm: document.getElementById('new_password2').value,
secret: document.getElementById('secret').value secret: document.getElementById('secret').value
}; };
mm.newPass(data) mm.newPass(data)
.then(response => { .then(response => {
self.processing = false; self.processing = false;
if (response.type == 'passNotCreated') { if (response.type == 'passNotCreated') {
notify.alert(response.message, false); notify.alert(response.message, false);
} else { } else {
notify.alert(response.message, true); notify.alert(response.message, true);
setTimeout(() => { setTimeout(() => {
window.location = '/dashboard'; window.location = '/dashboard';
}, 1000); }, 1000);
} }
}) })
.catch(err => { .catch(err => {
self.processing = false; self.processing = false;
notify.alert(err, false); notify.alert(err, false);
}); });
} }
} }
handleOptions(e) { handleOptions(e) {
e.stopPropagation(); e.stopPropagation();
e.preventDefault(); e.preventDefault();
let init = document.getElementById('dash-init'); let init = document.getElementById('dash-init');
let restore = document.getElementById('dash-restore'); let restore = document.getElementById('dash-restore');
if (e.target.id === 'init-switch-restore') { if (e.target.id === 'init-switch-restore') {
init.style.display = 'none'; init.style.display = 'none';
init.style.visibility = 'hidden'; init.style.visibility = 'hidden';
restore.style.display = 'flex'; restore.style.display = 'flex';
restore.style.visibility = 'visible'; restore.style.visibility = 'visible';
} else { } else {
init.style.display = 'flex'; init.style.display = 'flex';
init.style.visibility = 'visible'; init.style.visibility = 'visible';
restore.style.display = 'none'; restore.style.display = 'none';
restore.style.visibility = 'hidden'; restore.style.visibility = 'hidden';
} }
} }
} }

3
src/styles/main/_editor.sass
View file

@ -2,7 +2,6 @@
// margin 10px // margin 10px
top: 1px top: 1px
border-radius: 3px border-radius: 3px
// background-opacity($primary - 10%, 0.50)
width: 100% width: 100%
max-width: 880px max-width: 880px
margin-top: 30px margin-top: 30px
@ -17,7 +16,7 @@
background: $secondary background: $secondary
width: 10% width: 10%
height: 39px height: 39px
@include object-transitions(0.3s) transition: all 0.3s linear
margin: 0 margin: 0
border-radius: 0 border-radius: 0
display: inline-block display: inline-block

2
src/styles/main/_forms.sass
View file

@ -36,7 +36,7 @@ button, input[type=submit]
cursor: pointer cursor: pointer
border: 0 border: 0
padding: 10px 0 5px 0 padding: 10px 0 5px 0
@include object_transitions(.3s) transition: all 0.3s linear
select select
font: 14px $baseType font: 14px $baseType

5
src/styles/main/_index.sass
View file

@ -142,7 +142,7 @@
border-radius: 3px border-radius: 3px
margin-left: 10px margin-left: 10px
svg svg
@include object-transitions(0.1s) transition: all 0.2s linear
width: 40px width: 40px
height: 20px height: 20px
fill: $white fill: $white
@ -174,14 +174,13 @@
text-align: center text-align: center
position: relative position: relative
top: 35% top: 35%
@include text-drop-shadow($black, 1, 2px, 2px, 0) text-shadow: 2px 2px 0 rgba($black, 1)
div#options div#options
width: 100% width: 100%
position: absolute position: absolute
bottom: 0 bottom: 0
border-radius: 0 0 3px 3px border-radius: 0 0 3px 3px
//background-opacity($black, .35)
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%) background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%)
#option-left #option-left

10
src/styles/main/_mixins.sass
View file

@ -1,13 +1,3 @@
@mixin text-drop-shadow($rgb_value, $opacity, $offsetX, $offsetY, $blur)
text-shadow: $offsetX $offsetY $blur rgba($rgb_value, $opacity)
@mixin object-transitions($rate)
-moz-transition: all $rate linear
-webkit-transition: all $rate linear
-o-transition: all $rate linear
transition: all $rate linear
@mixin background-opacity($rgb_value, $opacity) @mixin background-opacity($rgb_value, $opacity)
background: rgba($rgb_value, $opacity) background: rgba($rgb_value, $opacity)

9
src/styles/main/_posts.sass
View file

@ -24,7 +24,7 @@
margin-left: 10px margin-left: 10px
width: 55px width: 55px
svg svg
//@include object-transitions(0.1s) transition: all 0.1s linear
width: 20px width: 20px
height: 17px height: 17px
fill: $white fill: $white
@ -75,7 +75,7 @@
text-align: center text-align: center
position: relative position: relative
top: 35% top: 35%
@include text-drop-shadow($black, 1, 2px, 2px, 0) text-shadow: 2px 2px 0 rgba($black, 1)
#meta #meta
width: 100% width: 100%
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%) background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%)
@ -99,7 +99,7 @@
background: $primary background: $primary
margin: 0 0 10px 10px margin: 0 0 10px 10px
svg svg
@include object-transitions(0.1s) transition: all 0.2s linear
width: 40px width: 40px
height: 20px height: 20px
fill: $secondary fill: $secondary
@ -239,8 +239,7 @@
button button
width: 25% width: 25%
height: 45px height: 45px
@include object-transitions(0.3s) transition: all 0.3s linear
@include object-transitions(0.3s)
margin: 0 margin: 0
border-radius: 0 border-radius: 0
display: inline-block display: inline-block

4
src/styles/main/_structure.sass
View file

@ -7,7 +7,7 @@ a
font: 300 1em $baseType font: 300 1em $baseType
color: $secondary color: $secondary
text-decoration: underline text-decoration: underline
//@include object-transitions(0.1s) transition: all 0.2s linear
svg.icons svg.icons
width: 25px width: 25px
@ -138,7 +138,7 @@ svg.icons
button button
border-radius: 50px border-radius: 50px
svg svg
@include object-transitions(0.1s) transition: all 0.2s linear
width: 40px width: 40px
height: 20px height: 20px
fill: $white fill: $white