-
-
Save jas7457/8686eed34700528e9490004b4cfe9a18 to your computer and use it in GitHub Desktop.
Select All Shenanigans
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
import Component from "@glimmer/component"; | |
import { action } from "@ember/object"; | |
import { tracked } from "@glimmer/tracking"; | |
export default class Test extends Component { | |
@tracked selectedFiles = []; | |
files = ["a", "b", "c"]; | |
@action | |
handleFileToggle(file) { | |
console.log(`Toggling file ${file}`); | |
if (this.selectedFiles.includes(file)) { | |
this.selectedFiles = this.selectedFiles.filter((f) => f !== file); | |
} else { | |
this.selectedFiles = [...this.selectedFiles, file]; | |
} | |
} | |
get areAllFilesSelected() { | |
console.log("Running areAllFilesSelected getter"); | |
return this.selectedFiles.length === this.files.length; | |
} | |
get areSomeButNotAllFilesSelected() { | |
console.log("Running areSomeButNotAllFilesSelected fn"); | |
return ( | |
this.selectedFiles.length > 0 && | |
this.selectedFiles.length !== this.files.length | |
); | |
} | |
@action | |
handleSelectAllChange(e) { | |
console.log("handleSelectAllChange", e); | |
e.preventDefault(); | |
if (!e.target.checked) { | |
this.selectedFiles = []; | |
} else { | |
this.selectedFiles = [...this.files]; | |
} | |
} | |
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
import Controller from '@ember/controller'; | |
export default class ApplicationController extends Controller { | |
appName = 'Ember Twiddle'; | |
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
import { helper } from "@ember/component/helper"; | |
export default helper(function ([needle, haystack]) { | |
return needle.includes(haystack); | |
}); |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
{ | |
"version": "0.17.1", | |
"EmberENV": { | |
"FEATURES": {}, | |
"_TEMPLATE_ONLY_GLIMMER_COMPONENTS": false, | |
"_APPLICATION_TEMPLATE_WRAPPER": true, | |
"_JQUERY_INTEGRATION": true | |
}, | |
"options": { | |
"use_pods": false, | |
"enable-testing": false | |
}, | |
"dependencies": { | |
"jquery": "https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.js", | |
"ember": "3.18.1", | |
"ember-template-compiler": "3.18.1", | |
"ember-testing": "3.18.1" | |
}, | |
"addons": { | |
"@glimmer/component": "1.0.0" | |
} | |
} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment