github-mirror/framework
2
0
Fork 0
mirror of https://github.com/flarum/framework.git synced 2024-11-25 09:41:49 +08:00
Code Issues Actions 46 Packages Projects Releases Wiki Activity

Disable notification type/method combinations that are not available

Browse Source
This commit is contained in:
Toby Zerner 2015-03-28 15:43:52 +10:30
parent ffca22dcc7
commit f330561025
4 changed files with 15 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
framework/core/ember/app/components/ui/yesno-input.js
View File

@ -9,6 +9,7 @@ export default Ember.Component.extend({
classNames: ['yesno-control'], classNames: ['yesno-control'],
toggleState: true, toggleState: true,
disabled: false,
didInsertElement: function() { didInsertElement: function() {
var component = this; var component = this;

3
framework/core/ember/app/components/user/notification-grid.js
View File

@ -43,7 +43,8 @@ export default Ember.Component.extend({
type: type, type: type,
method: method, method: method,
enabled: !!user.get(preferenceKey), enabled: !!user.get(preferenceKey),
loading: false loading: false,
disabled: typeof user.get(preferenceKey) == 'undefined'
}); });
cell.set('save', function(value, component) { cell.set('save', function(value, component) {
cell.set('loading', true); cell.set('loading', true);

15
framework/core/ember/app/styles/flarum/settings.less
View File

@ -31,7 +31,7 @@
border-bottom: 1px solid @fl-body-bg; border-bottom: 1px solid @fl-body-bg;
color: @fl-body-control-color; color: @fl-body-control-color;
} }
& td, & th, & .yesno-cell .yesno { & td, & th, & .yesno {
padding: 10px 15px; padding: 10px 15px;
} }
& thead { & thead {
@ -47,12 +47,19 @@
} }
} }
& .yesno-cell { & .yesno-cell {
padding: 0;
}
& .yesno-control {
display: block;
}
& .yesno {
text-align: center; text-align: center;
cursor: pointer; cursor: pointer;
padding: 0;
&:hover, &.highlighted { &:not(.disabled) {
background: darken(@fl-body-control-bg, 4%); &:hover, &.highlighted {
background: darken(@fl-body-control-bg, 4%);
}
} }
} }
& .toggle-group { & .toggle-group {

2
framework/core/ember/app/templates/components/user/notification-grid.hbs
View File

@ -12,7 +12,7 @@
<tr> <tr>
<td class="toggle-group" {{action "toggleType" row.type}}>{{row.label}}</td> <td class="toggle-group" {{action "toggleType" row.type}}>{{row.label}}</td>
{{#each row.cells as |cell|}} {{#each row.cells as |cell|}}
<td class="yesno-cell">{{ui/yesno-input toggleState=cell.enabled changed=cell.save loading=cell.loading}}</td> <td class="yesno-cell">{{ui/yesno-input toggleState=cell.enabled changed=cell.save loading=cell.loading disabled=cell.disabled}}</td>
{{/each}} {{/each}}
</tr> </tr>
{{/each}} {{/each}}