Skip to content

Instantly share code, notes, and snippets.

@codenamezjames
codenamezjames / beeper css metrology fix.css
Created June 11, 2023 03:50
I fixed some weirdness with the beeper metrology css
:root {
--metrology-hue: 335; /* Enter values between 0 and 359 to change the color of the theme. */
--metrology-accent: var(--metrology-hue), 100%, 38%;
--metrology-highlight: var(--metrology-hue), 100%, 60%;
--metrology-complement: calc(var(--metrology-hue) - 50), 100%, 28%;
/* Dark Theme */
--metrology-background: 0, 0%, 0%;
export class ZQueue {
functions = []
autoRun = false
running = false
context = {}
constructor (config = {}) {
return this.options(config)
}
@codenamezjames
codenamezjames / Layer renamer
Created May 31, 2021 18:01
Bulk rename layers in illustrator by selected index
var LayerRenamer, layerRenamer;
function range(start, end) {
var foo = [];
for (var i = start; i <= end; i++) {
foo.push(i);
}
return foo;
}
@codenamezjames
codenamezjames / month-year-chooser.vue
Created June 29, 2020 16:27
A month year chooser for chrono-chooser
<template>
<div class="row items-center">
<div class="col-auto">
<q-btn
size="sm"
dense
round
flat
:icon="mdiChevronLeft"
@click="modMonth(-1)"
@codenamezjames
codenamezjames / chrono-chooser.vue
Created June 29, 2020 16:26
quasar date range picker
<template>
<div>
<div class="row q-col-gutter-sm q-mb-md q-px-md q-pt-md">
<div class="col flex items-center q-gutter-sm">
<q-input
v-model="zFromUs"
label="From"
outlined
dense
mask="##-##-####"
@codenamezjames
codenamezjames / boot-vuex-persistence.js
Created May 18, 2020 18:07
Vuex persist ssr auth
import VuexPersist from 'vuex-persist'
import Cookies from 'js-cookie'
export default ({ store, ssrContext }) => {
// Cookie Store for user/auth (ssr ajax auth)
const cookieModules = ['user']
const startsWithCookieRegex = new RegExp(`^(${cookieModules.join('|')})/`)
new VuexPersist({
filter: mutation => startsWithCookieRegex.test(mutation.type),
restoreState: key => {
try {
<template>
<div>
<div class="row items-center">
<div class="col-auto" style="align-self: stretch;">
<q-btn flat class="full-height q-py-lg" size="sm" icon="fas fa-chevron-left" @click="move(-col)" aria-label="previous slide"/>
</div>
<div class="col">
<div :class="{'slider-loading': loading, slider: !loading}" ref="slideWrapper" :style="currentSlideHeightStyle">
<div
// https://github.com/michael-ciniawsky/postcss-load-config
const purgecss = require('@fullhuman/postcss-purgecss')
const conf = require('./quasar.conf')()
const ie = conf.supportIE ? ['./node_modules/quasar/src/ie-compat/*.js'] : []
const plugins = conf.framework.plugins.map(plug => {
return `./node_modules/quasar/src/plugins/${plug}.js`
})
@codenamezjames
codenamezjames / NavItem.vue
Created August 1, 2019 12:23
a simple nav item for quasar (Deps: lodash/debounce, change-case)
<template>
<div class="non-selectable" @mouseleave="hideMenuDebounce()" @mouseenter="showMenu()">
<q-btn v-if="labelField.to" :to="labelField.to" flat :label="labelField.label" class="cursor-inherit"/>
<q-btn v-else flat :label="labelField.label" class="cursor-inherit"/>
<q-menu :ref="labelField.label" @mouseleave="hideMenuDebounce()" @mouseenter="showMenu()" fit>
<q-list>
<q-item clickable v-close-popup :to="{name:item.name}" :class="`text-${$dark ? 'white' : 'black'}`" v-for="item in subFields" :key="item.name">
<q-item-section class="text-capitalize">{{titleCase(item.meta.title)}}</q-item-section>
</q-item>
</q-list>
// Configuration for your app
const path = require('path')
const brand = require('./src/css/themes/default')
const envObj = require('./.env')
const env = Object.keys(envObj).reduce((last, current) => {
last[current] = JSON.stringify(envObj[current])
return last
}, {})