Skip to content

Instantly share code, notes, and snippets.

View MajesticPotatoe's full-sized avatar
🥔

Andrew Henry MajesticPotatoe

🥔
View GitHub Profile
@MajesticPotatoe
MajesticPotatoe / MoveableList.vue
Created December 10, 2018 18:47
MoveableList
<template>
<v-flex>
<v-subheader>{{header}}</v-subheader>
<v-list class="cardContainer">
<v-list-tile
v-for="(item, i) in from"
:key="i"
@click="moveItem(to, from, item)"
>
<v-list-tile-title v-text="item[textKey]"></v-list-tile-title>
@MajesticPotatoe
MajesticPotatoe / SCSS_Structuring
Last active January 3, 2019 05:37
SCSS_Structuring
Legend
> Folder
- file
* note
Folder Structures
> scss
> base
* resets, global defaults
> components
@MajesticPotatoe
MajesticPotatoe / VCalendar
Last active January 10, 2019 16:51
Updated VCalendar Playground
<template>
<v-app class="panes">
<div class="left">
<v-select
:items="typeOptions"
v-model="type"
label="Type"
/>
@MajesticPotatoe
MajesticPotatoe / Guidelines
Created January 11, 2019 03:03
Commit/PR Gsuideline
General Info
what do we use to determine to be acceptable feature?
Default Checklist:
* make sure its functionally good and not breaking other things
* make sure theres an updated test
* make sure documentation is updated (if needed)
* e2e (when rolled out)
Pull Requests
scheduleData = await this.epms
.distinct(
'a.JobNumber',
'a.EstimateNumber',
'a.CustAccount',
'a.CustName',
'a.CSR',
'a.SalesRepCode AS SalesRep',
'a.Estimator',
'a.JobDescription',
<template>
<v-tooltip bottom>
<template #activator="{ on }">
<v-btn
:color="color"
:elevation="elevation"
:fab="fab"
:small="small"
class="mx-1"
v-bind="$attrs"
layout title
crwdns57226:0crwdne57226:0
crwdns57228:0crwdne57228:0

crwdns57230:0crwdne57230:0

crwdns57232:0crwdne57232:0

Async calls

<template>
<!-- 
When isLoading is true, the <div> is in the DOM, the <p> is not.
When isLoading is false, Vue will remove the <div> and add the <p> to the DOM,
at which point <MyComponent> will be created and passed the fetched data.
-->
<script setup lang="ts">
// imports
import { groupBy, keyBy, orderBy } from 'lodash'
import { useFilter } from 'vuetify/lib/composables/filter'
// globals
const props = defineProps({
density: {
type: String,
default: 'default',