Hopiu/vue-material
1
0
Fork 0
mirror of https://github.com/Hopiu/vue-material.git synced 2026-05-25 07:13:45 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Improve md button toogle

Browse source
This commit is contained in:
Marcos Moura 2016-07-18 17:05:08 -03:00
parent 72898eed46
commit 1075827afa
2 changed files with 17 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
src/components/mdButton/mdButton.scss
View file

@ -79,8 +79,7 @@ $button-icon-size: 40px;
}
&.md-icon-button {
width: $button-icon-size;
min-width: 0;
min-width: $button-icon-size;
height: $button-icon-size;
margin: 0 6px;
padding: 8px;

19
src/components/mdButtonToggle/mdButtonToggle.vue
View file

@ -10,14 +10,27 @@
let onClickButton;
export default {
props: {
type: String
},
ready() {
this.$children.forEach((child) => {
let element = child.$el;
if (element && element.classList.contains('md-button')) {
element.addEventListener('click', onClickButton = () => {
onClickButton = () => {
if (this.type === 'radio') {
this.$children.forEach((child) => {
child.$el.classList.remove('md-toggle');
});
element.classList.add('md-toggle');
} else {
element.classList.toggle('md-toggle');
});
}
};
if (element && element.classList.contains('md-button')) {
element.addEventListener('click', onClickButton);
}
});
},