On the stands at an event, we have the following restrictions
- Nothing bigger than a portable charger to recharge devices
While working on InnocuousAchilles/steamworks-scouting's app rewrite with Quasar, I needed to display a list of matches. I wanted to break them down by Event >> MatchNumber >> Team.
For the list of Events, I first came up the following with based off of the demo for Dialogs with the @click
slapped on in there.
<div class="item item-link">
<div class="item-content has-secondary">
<template> | |
<div> | |
<q-list-item | |
:item="{ | |
label: 'I\'m a label', | |
secondIcon: 'more_vert' | |
}" | |
link | |
></q-list-item> | |
<q-popover> |
<template> | |
<div class="list"> | |
<q-list-item | |
:item="{ | |
label: 'Popover Not Opening', | |
secondIcon: 'more_vert' | |
}" | |
link | |
> | |
<q-popover ref="firstPopover"> |
const int ledPin = 13; | |
const int button1Pin = 2; | |
const int button2Pin = 3; | |
const int button3Pin = 4; | |
class Melody { | |
int pattern [7] = {1, 1, 2, 2, 3, 3, 2}; | |
int inputs [7] = {0, 0, 0, 0, 0, 0, 0}; | |
public: | |
int onInput (int buttonNum) { |
<template> | |
<q-layout ref="layout"> | |
<div class="layout-view"> | |
<q-fixed-position corner="top-right" :offset="[18, 18]"> | |
<q-btn round small color="purple" icon="fa-question" class="animate-pop" @click="testMethod()"/> | |
</q-fixed-position> | |
</div> | |
</q-layout> | |
</template> |
<q-toolbar> | |
<slot name="left"></slot> | |
<q-toolbar-title> | |
Kodiak | |
<div slot="subtitle">Video Library</div> | |
</q-toolbar-title> | |
<q-toolbar-title>Manage Account</q-toolbar-title> | |
<q-btn flat> | |
<q-icon name="account_circle" /> | |
<q-icon name="arrow_drop_down" /> |
<template slot="col-lastModified" scope="cell"> | |
<context-menu :attributes="cell.row" @refreshObjects="$store.dispatch('getLibraryFiles')"/> | |
<q-item> | |
<q-item-side icon="fa-file-image-o" v-if="cell.row.objectType === 'picture'" color="primary"/> | |
<q-item-side icon="fa-file-video-o" v-else-if="cell.row.objectType === 'video'" color="secondary" /> | |
<q-item-side icon="fa-file-o" v-else/> | |
<q-item-main :label="cell.data" label-lines="1" /> | |
</q-item> | |
</template> |