Skip to content

Instantly share code, notes, and snippets.

View cdcarson's full-sized avatar

Chris Carson cdcarson

View GitHub Profile
@cdcarson
cdcarson / generate-url-functions.js
Created February 26, 2024 22:11
helper script to generate sveltekit url functions
import { readFile, writeFile, stat, mkdir } from 'node:fs/promises';
import { join } from 'node:path';
import { format } from 'prettier';
const fileText = await readFile(
'.svelte-kit/types/route_meta_data.json',
'utf-8'
);
const routes = JSON.parse(fileText);
const routeIds = Object.keys(routes).sort();
const paramRx = /\[{1,2}([^\]]+)\]{1,2}/g;
export interface MyPricingData {
basePrice: number;
discounts: {
minQuantity: number;
pricePerItem: number;
}[];
}
@cdcarson
cdcarson / app.module.snippet.ts
Last active August 24, 2017 19:56
Popover demos
// other imports
import { NzbModule, NzbPopoverOptions } from 'nowzoo-angular-bootstrap-lite';
@NgModule({
//etc...
imports: [
NzbModule
//etc..
],
providers: [
@cdcarson
cdcarson / animation-snippet.html
Last active August 26, 2017 15:53
Modal examples for nowzoo-angular-bootstrap-lite
<!-- animation ON -->
<ng-template nzbModal #animatedInstance="nzbModal">
<!-- note .fade class -->
<div class="modal fade" tabindex="-1">....</div>
</ng-template>
<!-- animation OFF -->
<ng-template nzbModal #inanimateInstance="nzbModal">
<!-- note no .fade class -->
<div class="modal" tabindex="-1">....</div>
@cdcarson
cdcarson / popover-demo-0.html
Last active August 19, 2017 18:09
Popover examples for nowzoo-angular-bootstrap-lite
<button class="btn btn-primary" nzbPopover
[nzbPopoverTitle]="quickstartTitle"
[nzbPopoverContent]="quickstartContent"
data-placement="auto">Quick Example</button>
<ng-template #quickstartTitle>Popover Title</ng-template>
<ng-template #quickstartContent>Some popover content.</ng-template>
@cdcarson
cdcarson / tooltip-demo-0.html
Last active August 19, 2017 20:20
Tooltip examples for nowzoo-angular-bootstrap-lite
<button class="btn btn-primary"
nzbTooltip
[nzbTooltipTitle]="quickstartTitle"
data-placement="auto">Quick Example (Hover)</button>
<ng-template #quickstartTitle>Tooltip Title</ng-template>
@cdcarson
cdcarson / animation.ts
Last active August 14, 2017 22:04
Tooltip Examples
import { Component } from '@angular/core';
@Component({
selector: 'app-tooltip-demo-animation',
template: `<p>
<button
class="btn btn-primary"
nzbTooltip
title="I'm animated by default">
Animated Tooltip</button>
<button class="btn btn-primary" (click)="smallModal.show()">Small Modal</button>
<ng-template nzbModal #smallModal="nzbModal">
<div class="modal fade" tabindex="-1">
<div class="modal-dialog modal-sm" role="document">
....
</div>
</div>
</ng-template>
<button class="btn btn-primary" (click)="exampleModal.show()">Show Modal</button>
<ng-template nzbModal #exampleModal="nzbModal">
<div class="modal fade" tabindex="-1">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title">Make Me Go Away</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
<div class="fixed-container">
<p class="text-muted">This is a fixed container.</p>
<p>
<button class="btn btn-primary" (click)="exampleModal1.show()">Show Modal</button>
</p>
<ng-template nzbModal #exampleModal1="nzbModal">
<div class="modal fade" tabindex="-1">
<div class="modal-dialog" role="document">
<div class="modal-content">