Skip to content

Instantly share code, notes, and snippets.

@jkreitzman
jkreitzman / knockout-bs-modal.ts
Last active January 3, 2020 01:20
Knockout Binding for Bootstrap's Modal (Typescript)
// A knockout binding for Bootstrap's modal dialog.
// This binding allows a modal to be shown based on the value of a bound property.
// To consume in a webpacked view model:
// import(/* webpackMode: "eager" */ "./knockout-bs-modal.ts"); // eager ensures the module is included.
import(/* webpackMode: "eager" */ "bootstrap");
import $ = require("jquery");
import ko = require("knockout");
ko.bindingHandlers.modal = {
@jkreitzman
jkreitzman / knockout-brace.ts
Last active January 3, 2020 01:22
Knockout Brace/Ace Binding (TypeScript)
// A knockout binding for brace/ace.
// Inspired by https://github.com/probonogeek/knockout-ace, but updated to the latest version of knockout and rewritten in TypeScript.
// To consume in a webpacked view model:
// import(/* webpackMode: "eager" */ "./knockout-brace.ts"); // eager ensures the module is included.
import ace from "brace";
import "brace/ext/language_tools";
import "brace/mode/css";
import "brace/mode/javascript";
import "brace/theme/clouds";