Unfloyded/Legamunt
0
0
Fork 0
Code Activity

Improve admin page (#4121)

Browse source 
* Improve admin page

* Fix test

* Add spec

* Improve select style
This commit is contained in:
abcang 2017-07-18 23:38:22 +09:00 • committed by Eugen Rochko
parent 8387b3928e
commit 4d42a38954
15 changed files with 508 additions and 19 deletions
Download patch file Download diff file Expand all files Collapse all files

40
app/javascript/packs/admin.js Normal file
View file

@ -0,0 +1,40 @@
import { delegate } from 'rails-ujs';
function handleDeleteStatus(event) {
const [data] = event.detail;
const element = document.querySelector(`[data-id="${data.id}"]`);
if (element) {
element.parentNode.removeChild(element);
}
}
[].forEach.call(document.querySelectorAll('.trash-button'), (content) => {
content.addEventListener('ajax:success', handleDeleteStatus);
});
const batchCheckboxClassName = '.batch-checkbox input[type="checkbox"]';
delegate(document, '#batch_checkbox_all', 'change', ({ target }) => {
[].forEach.call(document.querySelectorAll(batchCheckboxClassName), (content) => {
content.checked = target.checked;
});
});
delegate(document, batchCheckboxClassName, 'change', () => {
const checkAllElement = document.querySelector('#batch_checkbox_all');
if (checkAllElement) {
checkAllElement.checked = [].every.call(document.querySelectorAll(batchCheckboxClassName), (content) => content.checked);
}
});
delegate(document, '.media-spoiler-show-button', 'click', () => {
[].forEach.call(document.querySelectorAll('.activity-stream .media-spoiler-wrapper'), (content) => {
content.classList.add('media-spoiler-wrapper__visible');
});
});
delegate(document, '.media-spoiler-hide-button', 'click', () => {
[].forEach.call(document.querySelectorAll('.activity-stream .media-spoiler-wrapper'), (content) => {
content.classList.remove('media-spoiler-wrapper__visible');
});
});

45
app/javascript/styles/admin.scss
View file

@ -253,7 +253,8 @@
}
}
.report-status {
.report-status,
.account-status {
display: flex;
margin-bottom: 10px;
@ -263,7 +264,8 @@
}
}
.report-status__actions {
.report-status__actions,
.account-status__actions {
flex: 0 0 auto;
display: flex;
flex-direction: column;
@ -275,3 +277,42 @@
margin-bottom: 10px;
}
}
.batch-form-box {
display: flex;
margin-bottom: 10px;
#form_status_batch_action {
margin-right: 5px;
font-size: 14px;
}
.media-spoiler-toggle-buttons {
margin-left: auto;
.button {
overflow: visible;
}
}
}
.batch-checkbox,
.batch-checkbox-all {
display: flex;
align-items: center;
margin-right: 5px;
}
.back-link {
margin-bottom: 10px;
font-size: 14px;
a {
color: $classic-highlight-color;
text-decoration: none;
&:hover {
text-decoration: underline;
}
}
}