mirror/Stacer
1
0
Fork 0
mirror of https://github.com/oguzhaninan/Stacer.git synced 2026-05-25 00:40:40 -04:00
Code Issues Packages Projects Releases Wiki Activity

system cleaner update

Browse Source
This commit is contained in:
Oguzhan Inan
2017-03-25 15:21:58 +03:00
parent 8389ed3cce
commit bed8bbc060
5 changed files with 98 additions and 72 deletions
Download Patch File Download Diff File Expand all files Collapse all files

121
assets/css/style.css
View File

@@ -47,6 +47,19 @@ svg path:first-child {
color: #748390;
}
/*---------DASHBOARD---------*/
.switch+label,
.switch:not(:checked)+label:hover:active {
background-color: #EF4836;
}
.switch+label::after {
background-color: #fff;
}
.switch:checked+label {
box-shadow: inset 0 0 0 13px #4BD865;
}
.scroll::-webkit-scrollbar-thumb {
background-color: #3d474e;
}
@@ -94,6 +107,11 @@ button {
width: 100%;
}
.content {
float: left;
width: 100%;
height: 999px;
}
/*---------DASHBOARD---------*/
@@ -104,7 +122,7 @@ button {
font-size: 16px;
text-align: center;
margin: 15px;
padding: 20px 30px;
padding: 10px 30px 20px 30px;
font-weight: 500;
}
@@ -114,7 +132,7 @@ button {
display: block;
letter-spacing: 1px;
padding: 0;
margin: 0px 0px 8px 0px;
margin: 0px 0px 12px 0px;
font-size: 16px;
font-weight: 500;
}
@@ -161,7 +179,47 @@ button {
}
/*---------DASHBOARD---------*/
/*SCROLL*/
/*--------SWITCH-----------*/
.switch {
display: none;
}
.switch+label,
.switch+label::after {
display: inline-block;
position: relative;
width: 44px;
height: 22px;
border-radius: 9999px;
transition: 300ms;
cursor: pointer;
}
.switch+label::after {
content: "";
position: absolute;
left: 3px;
width: 17px;
height: 17px;
margin-top: 2px;
box-shadow: 0 5px 5px -1px rgba(0, 0, 0, 0.2), 0 0 0 2px #EF4836;
}
.switch:checked+label::after {
left: 22px;
box-shadow: 0 5px 5px -1px rgba(0, 0, 0, 0.2), 0 0 0 2px #4BD865;
}
.switch+label:hover:active::after {
width: 23px;
}
.switch:checked+label:hover:active::after {
left: 17px;
}
/*--------SWITCH-----------*/
/*----------SCROLL--------*/
.scroll {
overflow-y: auto;
overflow-x: hidden;
@@ -180,7 +238,7 @@ button {
border-radius: 10px;
}
/*SCROLL*/
/*----------SCROLL--------*/
/*---------ITEM LIST---------*/
.item-list {
@@ -328,6 +386,10 @@ button {
}
/*---------UNINSTALLER---------*/
/*---------ITEM TABLE---------*/
/*---------ITEM TABLE---------*/
.tdl-holder {
@@ -425,53 +487,6 @@ button {
text-overflow: ellipsis;
}
.switch {
display: none;
}
.switch+label,
.switch+label::after {
display: inline-block;
position: relative;
width: 44px;
height: 22px;
background-color: #EF4836;
border-radius: 9999px;
transition: 300ms;
cursor: pointer;
}
.switch+label::after {
content: "";
position: absolute;
left: 0;
background: #fff;
width: 17px;
height: 17px;
margin-top: 2px;
box-shadow: 0 5px 5px -1px rgba(0, 0, 0, 0.2), 0 0 0 2px #EF4836;
}
.switch:checked+label {
box-shadow: inset 0 0 0 13px #4BD865;
}
.switch:checked+label::after {
left: 22px;
box-shadow: 0 5px 5px -1px rgba(0, 0, 0, 0.2), 0 0 0 2px #4BD865;
}
.switch:not(:checked)+label:hover:active {
box-shadow: inset 0 0 0 13px #EF4836;
}
.switch+label:hover:active::after {
width: 23px;
}
.switch:checked+label:hover:active::after {
left: 17px;
}
#clean-btn,
#system-scan-btn {
@@ -533,10 +548,6 @@ button {
border-bottom: 1px solid #47b1f3;
}
.content {
float: left;
width: 100%;
}
.cleaner-sidebar {
margin: 10px 0 0 10px;

2
src/components/App.js
View File

@@ -46,7 +46,7 @@ export default {
</div>`,
data() {
return ({
activeNav: 5
activeNav: 2
})
},
components: {

6
src/components/services/Services.js
View File

@@ -39,12 +39,8 @@ export default {
})
},
created() {
si.processes(pr => {
console.log(pr)
})
const services = spawn('bash', ['-c', commands.getAllService])
services.stdout.on('data', data => {
data = data.toString().split('\n').filter(s => s != '')

10
src/components/system-cleaner/SidebarItem.js Normal file
View File

@@ -0,0 +1,10 @@
export default {
template: `<li>
<label>
<slot></slot>
<i></i>
<span> {{text}} ({{length}}) </span>
</label>
</li>`,
props: ['length', 'text']
}

31
src/components/system-cleaner/SystemCleaner.js
View File

@@ -10,22 +10,28 @@ import {
command,
showMessage
} from '../../utils/helpers'
import SidebarItem from './SidebarItem'
export default {
template: `<div>
<div class="cleaner-sidebar">
<ul>
<li><label><input type="checkbox" v-model:checked="aptCacheSelect"><i></i>
<span> Apt Cache ({{ aptCachesList.length }}) </span></label></li>
<sidebar-item text="Apt Cache" :length="aptCachesList.length">
<input type="checkbox" v-model:checked="aptCacheSelect">
</sidebar-item>
<li><label><input type="checkbox" v-model:checked="crashReportsSelect"><i></i>
<span> Crash Reports ({{ crashReportsList.length }}) </span></label></li>
<sidebar-item text="Crash Reports" :length="crashReportsList.length">
<input type="checkbox" v-model:checked="crashReportsSelect">
</sidebar-item>
<li><label><input type="checkbox" v-model:checked="systemLogsSelect"><i></i>
<span> System Logs ({{ systemLogsList.length }}) </span></label></li>
<sidebar-item text="System Logs" :length="systemLogsList.length">
<input type="checkbox" v-model:checked="systemLogsSelect">
</sidebar-item>
<li><label><input type="checkbox" v-model:checked="appCacheSelect"><i></i>
<span> App Cache ({{ appCachesList.length }}) </span></label></li>
<sidebar-item text="App Cache" :length="appCachesList.length">
<input type="checkbox" v-model:checked="appCacheSelect">
</sidebar-item>
</ul>
<input type="button" id="system-scan-btn" @click="systemScan" value="System Scan" />
@@ -105,6 +111,10 @@ export default {
</div>
<input type="button" id="clean-btn" @click="systemClean" value="Clean" />
</div>`,
components: {
'sidebar-item': SidebarItem
},
data() {
return {
aptCacheSelect: false,
@@ -250,10 +260,9 @@ export default {
}
},
watch: {
appCacheSelect: (checked) => {
if (checked) {
appCacheSelect: checked => {
if (checked)
showMessage('Deleting applications\' caches can cause problems. Please be careful.', 'warning')
}
}
}
}