JCharante

Scouting Plan

Hardware

Scenario

On the stands at an event, we have the following restrictions

• Nothing bigger than a portable charger to recharge devices

JCharante

List Item w/ Link Adventure

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">

JCharante

<template>
    <div>
        <q-list-item
            :item="{
            label: 'I\'m a label',
            secondIcon: 'more_vert'
        }"
            link
        ></q-list-item>
        <q-popover>

JCharante

<template>
    <div class="list">
        <q-list-item
            :item="{
            label: 'Popover Not Opening',
            secondIcon: 'more_vert'
        }"
            link
        >
            <q-popover ref="firstPopover">

JCharante

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) {

JCharante

<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>

JCharante

<template>
    <q-modal minimized ref="modal" :content-css="{padding: '50px'}">
        <q-item>
            <q-item-main>
                <q-field float-label="Link to File">
                    <q-input ref="link" v-model="shareLink"></q-input>
                </q-field>
            </q-item-main>
            <q-item-side>
                <q-btn icon="fa-clipboard" outline color="deep-orange" @click="copySelectionToClipboard()">Copy</q-btn>

JCharante

 <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" />

JCharante

<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>

JCharante

Can't see the slack icon or gitter icon or any electron app's icon in your menubar?

Just add env XDG_CURRENT_DESKTOP=Unity to your .desktop files.

1. Open /usr/share/applications/gitter.desktop
2. Add env XDG_CURRENT_DESKTOP=Unity immediately after the equal sign on the line that starts with Exec=
3. Restart gitter from your gui

So that line should go from Exec=/opt/Gitter/linux64/Gitter to Exec=env XDG_CURRENT_DESKTOP=Unity /opt/Gitter/linux64/Gitter