docs(kitchen): add VWindow pan (#6248)

docs(kitchen): add VWindow pan (#6248)

<template>
  <v-container>
    <v-layout column>
      Windows

      <core-title>Simple</core-title>
      <core-section>
        <v-layout align-center>
          <v-item-group
            v-model="window1"
            class="shrink mr-4"
            mandatory
            tag="v-flex"
          >
            <v-item
              v-for="n in length1"
              :key="n"
            >

                <v-btn
                  :input-value="active"
                  icon
                  @click="toggle"
                >
                  <v-icon>mdi-record</v-icon>
                </v-btn>

            </v-item>
          </v-item-group>

          <v-flex>
            <v-window
              v-model="window1"
              class="elevation-1"
              vertical
            >
              <v-window-item
                v-for="n in length1"
                :key="n"
              >
                <v-card flat>
                  <v-card-text>
                    <v-layout align-center mb-3>
                      <v-avatar color="grey" class="mr-3" />
                      Title {{ n }}
                      <v-spacer />
                      <v-btn icon>
                        <v-icon>mdi-account</v-icon>
                      </v-btn>
                    </v-layout>

                      Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt
                      ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco
                      laboris nisi ut aliquip ex ea commodo consequat.
                      Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
                      Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

                      Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt
                      ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco
                      laboris nisi ut aliquip ex ea commodo consequat.
                      Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
                      Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

                      Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt
                      ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco
                      laboris nisi ut aliquip ex ea commodo consequat.
                      Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
                      Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

                  </v-card-text>
                </v-card>
              </v-window-item>
            </v-window>
          </v-flex>
        </v-layout>
      </core-section>

      <core-title>With slider</core-title>
      <core-section>
        <v-layout column align-center>
          <v-slider
            v-model="window2"
            :max="length2 - 1"
          />

          <v-flex>
            <v-window
              v-model="window2"
              class="elevation-1"
              vertical
            >
              <v-window-item
                v-for="n in length2"
                :key="n"
              >
                <v-card flat>
                  <v-card-text>
                    <v-layout align-center mb-3>
                      <v-avatar color="grey" class="mr-3" />
                      Title {{ n }}
                      <v-spacer />
                      <v-btn icon>
                        <v-icon>mdi-account</v-icon>
                      </v-btn>
                    </v-layout>

                      Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt
                      ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco
                      laboris nisi ut aliquip ex ea commodo consequat.
                      Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
                      Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

                      Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt
                      ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco
                      laboris nisi ut aliquip ex ea commodo consequat.
                      Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
                      Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

                      Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt
                      ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco
                      laboris nisi ut aliquip ex ea commodo consequat.
                      Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
                      Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

                  </v-card-text>
                </v-card>
              </v-window-item>
            </v-window>
          </v-flex>
        </v-layout>
      </core-section>

      <core-title>Reverse</core-title>
      <core-section>
        <v-layout column align-center>
          <v-slider
            v-model="window3"
            :max="length3 - 1"
          />

          <v-flex>
            <v-window
              v-model="window3"
              class="elevation-1"
              reverse
              vertical
            >
              <v-window-item
                v-for="n in length3"
                :key="n"
              >
                <v-card flat>
                  <v-card-text>
                    <v-layout align-center mb-3>
                      <v-avatar color="grey" class="mr-3" />
                      Title {{ n }}
                      <v-spacer />
                      <v-btn icon>
                        <v-icon>mdi-account</v-icon>
                      </v-btn>
                    </v-layout>

                      Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt
                      ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco
                      laboris nisi ut aliquip ex ea commodo consequat.
                      Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
                      Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

                      Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt
                      ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco
                      laboris nisi ut aliquip ex ea commodo consequat.
                      Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
                      Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

                      Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt
                      ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco
                      laboris nisi ut aliquip ex ea commodo consequat.
                      Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
                      Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

                  </v-card-text>
                </v-card>
              </v-window-item>
            </v-window>
          </v-flex>
        </v-layout>
      </core-section>

      <core-title>Horizontal</core-title>
      <core-section>
        <v-layout column align-center>
          <v-slider
            v-model="window4"
            :max="length4 - 1"
          />

          <v-flex>
            <v-window
              v-model="window4"
              class="elevation-1"
            >
              <v-window-item
                v-for="n in length4"
                :key="n"
              >
                <v-card flat>
                  <v-card-text>
                    <v-layout align-center mb-3>
                      <v-avatar color="grey" class="mr-3" />
                      Title {{ n }}
                      <v-spacer />
                      <v-btn icon>
                        <v-icon>mdi-account</v-icon>
                      </v-btn>
                    </v-layout>

                      Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt
                      ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco
                      laboris nisi ut aliquip ex ea commodo consequat.
                      Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
                      Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

                      Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt
                      ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco
                      laboris nisi ut aliquip ex ea commodo consequat.
                      Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
                      Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

                      Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt
                      ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco
                      laboris nisi ut aliquip ex ea commodo consequat.
                      Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
                      Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

                  </v-card-text>
                </v-card>
              </v-window-item>
            </v-window>
          </v-flex>
        </v-layout>
      </core-section>

      <core-title>Horizontal & reverse</core-title>
      <core-section>
        <v-layout column align-center>
          <v-slider
            v-model="window5"
            :max="length5 - 1"
          />

          <v-flex>
            <v-window
              v-model="window5"
              class="elevation-1"
              reverse
            >
              <v-window-item
                v-for="n in length5"
                :key="n"
              >
                <v-card flat>
                  <v-card-text>
                    <v-layout align-center mb-3>
                      <v-avatar color="grey" class="mr-3" />
                      Title {{ n }}
                      <v-spacer />
                      <v-btn icon>
                        <v-icon>mdi-account</v-icon>
                      </v-btn>
                    </v-layout>

                      Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt
                      ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco
                      laboris nisi ut aliquip ex ea commodo consequat.
                      Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
                      Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

                      Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt
                      ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco
                      laboris nisi ut aliquip ex ea commodo consequat.
                      Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
                      Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

                      Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt
                      ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco
                      laboris nisi ut aliquip ex ea commodo consequat.
                      Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
                      Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

                  </v-card-text>
                </v-card>
              </v-window-item>
            </v-window>
          </v-flex>
        </v-layout>
      </core-section>
    </v-layout>
  </v-container>
</template>

error: pathspec 'packages/kitchen/src/pan/Windows.vue' did not match any file(s) known to git


update

update

remote: Support for password authentication was removed on August 13, 2021.
remote: Please see https://docs.github.com/en/get-started/getting-started-with-git/about-remote-repositories#cloning-with-https-urls for information on currently recommended modes of authentication.
fatal: Authentication failed for 'https://github.com/iview/iview-doc.git/'


Change step order

Change step order

remote: Support for password authentication was removed on August 13, 2021.
remote: Please see https://docs.github.com/en/get-started/getting-started-with-git/about-remote-repositories#cloning-with-https-urls for information on currently recommended modes of authentication.
fatal: Authentication failed for 'https://github.com/xuanyan0x7c7/geometry-pad.git/'


Lighthouse audit: fixed red code syntax highlight color

remote: Support for password authentication was removed on August 13, 2021.
remote: Please see https://docs.github.com/en/get-started/getting-started-with-git/about-remote-repositories#cloning-with-https-urls for information on currently recommended modes of authentication.
fatal: Authentication failed for 'https://github.com/moso/moso-vue.git/'


docs(kitchen): add VImg pan

docs(kitchen): add VImg pan

<template>
  <v-container>
    <v-layout column>

Simple images

      <v-flex>
        <v-layout>
          <v-img
            v-for="n in 3"
            :key="n"
            :src="`https://picsum.photos/500/300?image=${n * 5 + 10}`"
            :lazy-src="`https://picsum.photos/10/6?image=${n * 5 + 10}`"
            aspect-ratio="1"
            class="grey lighten-2"
          />
        </v-layout>
      </v-flex>

Custom aspect ratio

      <v-flex>
        <v-layout>
          <v-img
            v-for="n in 3"
            :key="n"
            :src="`https://picsum.photos/500/300?image=${n * 5 + 10}`"
            :lazy-src="`https://picsum.photos/10/6?image=${n * 5 + 10}`"
            aspect-ratio="1.5"
            class="grey lighten-2"
          />
        </v-layout>
      </v-flex>

With custom placeholder

      <v-flex>
        <v-layout>
          <v-img
            v-for="n in 3"
            :key="n"
            :src="`https://picsum.photos/500/300?image=${n * 5 + 10}`"
            :lazy-src="`https://picsum.photos/10/6?image=${n * 5 + 10}`"
            aspect-ratio="1"
            class="grey lighten-2"
          >
            <v-layout
              slot="placeholder"
              fill-height
              align-center
              justify-center
              ma-0
            >
              <v-progress-circular
                indeterminate
                color="grey lighten-5"/>
            </v-layout>
          </v-img>
        </v-layout>
      </v-flex>
    </v-layout>

Contain

    <v-flex>
      <v-layout>
        <v-flex>

Matching

          <v-img
            src="https://picsum.photos/510/300?random"
            aspect-ratio="1.7"
            contain/>
        </v-flex>
        <v-flex>

Too high

          <v-img
            src="https://picsum.photos/510/300?random"
            aspect-ratio="2"
            contain/>
        </v-flex>
        <v-flex>

Too low

          <v-img
            src="https://picsum.photos/510/300?random"
            aspect-ratio="1.4"
            contain/>
        </v-flex>
      </v-layout>
    </v-flex>

Gradient

    <v-flex>
      <v-layout>
        <v-flex>
          <v-img
            src="https://cdn.vuetifyjs.com/images/parallax/material2.jpg"
            gradient="to top right, rgba(100,115,201,.33), rgba(25,32,72,.7)"
          />
        </v-flex>

        <v-flex>
          <v-img src="https://cdn.vuetifyjs.com/images/parallax/material2.jpg">

          </v-img>
        </v-flex>

        <v-flex>
          <v-img src="https://cdn.vuetifyjs.com/images/parallax/material2.jpg">

          </v-img>
        </v-flex>
      </v-layout>
    </v-flex>
  </v-container>
</template>

error: pathspec 'packages/kitchen/src/pan/Images.vue' did not match any file(s) known to git


contact update

contact update

contact update

remote: Support for password authentication was removed on August 13, 2021.
remote: Please see https://docs.github.com/en/get-started/getting-started-with-git/about-remote-repositories#cloning-with-https-urls for information on currently recommended modes of authentication.
fatal: Authentication failed for 'https://github.com/iOSHaven/ioshaven.git/'


Updated base document styles

Updated base document styles

remote: Support for password authentication was removed on August 13, 2021.
remote: Please see https://docs.github.com/en/get-started/getting-started-with-git/about-remote-repositories#cloning-with-https-urls for information on currently recommended modes of authentication.
fatal: Authentication failed for 'https://github.com/Brandon-Stoyles/webpack.git/'


Table: init filters.

Table: init filters.

remote: Support for password authentication was removed on August 13, 2021.
remote: Please see https://docs.github.com/en/get-started/getting-started-with-git/about-remote-repositories#cloning-with-https-urls for information on currently recommended modes of authentication.
fatal: Authentication failed for 'https://github.com/iamnewsea/element-pzx.git/'


Add exportCSV functionality

Add exportCSV functionality

remote: Support for password authentication was removed on August 13, 2021.
remote: Please see https://docs.github.com/en/get-started/getting-started-with-git/about-remote-repositories#cloning-with-https-urls for information on currently recommended modes of authentication.
fatal: Authentication failed for 'https://github.com/PayBreak/basket.git/'


Fix column name

Fix column name


pass $event to on click inside md-list-item (#180)

remote: Support for password authentication was removed on August 13, 2021.
remote: Please see https://docs.github.com/en/get-started/getting-started-with-git/about-remote-repositories#cloning-with-https-urls for information on currently recommended modes of authentication.
fatal: Authentication failed for 'https://github.com/praneetloke/vue-material.git/'


Adds the component that can display a list of error messages

<template>
    <div id="{{id}}" v-if="messages.length">
        <alert v-for="message in messages" :type="message.type" :dismissable="!message.shouldNotBeDismissible">{{ message.message }}</alert>
    </div>
</template>

<script>
module.exports = {
    props: {
        id: {
            type: String,
            default: 'alert-messages'
        },
        messages: {
            type: Array,
            required: true
        }
    }
};
</script>

error: pathspec 'begin/resources/assets/js/components/general/alertMessages.vue' did not match any file(s) known to git


Change : font-size and padding in pulse item

remote: Support for password authentication was removed on August 13, 2021.
remote: Please see https://docs.github.com/en/get-started/getting-started-with-git/about-remote-repositories#cloning-with-https-urls for information on currently recommended modes of authentication.
fatal: Authentication failed for 'https://github.com/Gramatiik/radion-vue.git/'


Add debugging

Add debugging

remote: Support for password authentication was removed on August 13, 2021.
remote: Please see https://docs.github.com/en/get-started/getting-started-with-git/about-remote-repositories#cloning-with-https-urls for information on currently recommended modes of authentication.
fatal: Authentication failed for 'https://github.com/JonathanTroyer/OC-Summer-2017-Table-Web.git/'


feat(headerMenu): 登出功能

feat(headerMenu): 登出功能

remote: Support for password authentication was removed on August 13, 2021.
remote: Please see https://docs.github.com/en/get-started/getting-started-with-git/about-remote-repositories#cloning-with-https-urls for information on currently recommended modes of authentication.
fatal: Authentication failed for 'https://github.com/maple5233/LetsChat.git/'


Add theme configuration

Add theme configuration


add progress status while loading modules list

remote: Support for password authentication was removed on August 13, 2021.
remote: Please see https://docs.github.com/en/get-started/getting-started-with-git/about-remote-repositories#cloning-with-https-urls for information on currently recommended modes of authentication.
fatal: Authentication failed for 'https://github.com/notadd/administration.git/'


updated docs

updated docs


Adding Queue vue

Adding Queue vue

<template>

Waiting for players {{sharedState.players.length}}/3

We'll play a gong when the game start (turn up your spakers)

    <button id='quit-btn' v-on:click="quit">Quit</button>

</template>

error: pathspec 'src/components/Queue.vue' did not match any file(s) known to git


fixup! Supprime les éléments de comm et ajoute une page sur le financement

<template>

Financement et ressources

Le service repose sur les ressources des personnes du collectif.

Si vous souhaitez contribuer au financement du service ou bien si vous avez une idée pour le pérenniser
        contactez-nous.

</template>

error: pathspec 'src/views/Financement.vue' did not match any file(s) known to git


A component container

A component container

remote: Support for password authentication was removed on August 13, 2021.
remote: Please see https://docs.github.com/en/get-started/getting-started-with-git/about-remote-repositories#cloning-with-https-urls for information on currently recommended modes of authentication.
fatal: Authentication failed for 'https://github.com/NathanielDavid/Sumie.git/'


use xs font size for small block text

use xs font size for small block text

remote: Support for password authentication was removed on August 13, 2021.
remote: Please see https://docs.github.com/en/get-started/getting-started-with-git/about-remote-repositories#cloning-with-https-urls for information on currently recommended modes of authentication.
fatal: Authentication failed for 'https://github.com/mplusmuseum/mplusmuseum-stories.git/'


clean up share screen

clean up share screen

remote: Support for password authentication was removed on August 13, 2021.
remote: Please see https://docs.github.com/en/get-started/getting-started-with-git/about-remote-repositories#cloning-with-https-urls for information on currently recommended modes of authentication.
fatal: Authentication failed for 'https://github.com/chrisamow/url-ingstad.git/'


Hide all unused blocks.

Hide all unused blocks.

remote: Support for password authentication was removed on August 13, 2021.
remote: Please see https://docs.github.com/en/get-started/getting-started-with-git/about-remote-repositories#cloning-with-https-urls for information on currently recommended modes of authentication.
fatal: Authentication failed for 'https://github.com/setholito/js-style-guide.git/'


remote: Support for password authentication was removed on August 13, 2021.
remote: Please see https://docs.github.com/en/get-started/getting-started-with-git/about-remote-repositories#cloning-with-https-urls for information on currently recommended modes of authentication.
fatal: Authentication failed for 'https://github.com/jcock/jcock.rocks.nuxt.git/'


add tags

add tags

<template>

        {{ tag.name }}

</template>

error: pathspec 'frontend/src/components/Tags.vue' did not match any file(s) known to git


input-image - don't resolve blob URLs

input-image - don't resolve blob URLs

<template>

{{ 'Select Image' | trans }}

    <v-modal v-ref:modal large>

        <panel-finder :root="storage" v-ref:finder :modal="true"></panel-finder>

            <button class="uk-button uk-button-link uk-modal-close" type="button">{{ 'Cancel' | trans }}</button>
            <button class="uk-button uk-button-primary" type="button" :disabled="!hasSelection()" @click.prevent="select">{{ 'Select' | trans }}</button>

    </v-modal>

</template>


add uploadbtn component

add uploadbtn component

<template>
    <div id="upload-btn">
		<button type="button" class="upload" :disabled="if_disabled">{{text}}</button>
		<input type="file" class="file" @change="processFile($event)" :disabled="if_disabled" v-if="!clearFileInput" :accept="type"/>
    </div>
</template>

<script>
export default {
    props:{
    	label:{
    	  type: String,
    	  default: '选择文件上传',
    	  required: true
    	},
    	width:{
    	  type: Number,
    	  default: 210,
    	  required: false
    	},
    	height:{
    	  type: Number,
    	  default: 35,
    	  required: false
    	},
		type: {
        	type: String,
            default: '*'
    	    required: false
        },
		if_disabled: {
        	type: Boolean,
            default: false
    	    required: false
        },
    },
    data() {
        return {
            text: this.label,
        }
    },
    methods: {
		processFile: function(e){
            this.$emit('processFile', e.target.files[0], e.target.files[0].name);
        }
    }
}
</script>

<style lang="scss">
</style>

error: pathspec 'src/components/component/UploadBtn.vue' did not match any file(s) known to git


Adjusting site name in sidebar

Adjusting site name in sidebar

<template>

  <transition name="fade">

  </transition>

  <toast></toast>

    <router-link :to="timesheet" class="navbar-brand">
      {{ site.NAME }}
    </router-link>

        <router-link
          id="nav-timesheet"
          :to="timesheet"
          class="nav-link">
          <icon :icon="['fas', 'clock']" class="fa-fw mr-1"/>
          Timesheet
        </router-link>

        <router-link
          id="nav-projects"
          :to="projects"
          class="nav-link">
          <icon :icon="['fas', 'briefcase']" class="fa-fw mr-1"/>
          Projects
        </router-link>

        <router-link
          id="nav-clients"
          :to="clients"
          class="nav-link">
          <icon :icon="['fas', 'address-book']" class="fa-fw mr-1"/>
          Clients
        </router-link>

        <router-link
          id="nav-tasks"
          :to="tasks"
          class="nav-link">
          <icon :icon="['fas', 'tasks']" class="fa-fw mr-1"/>
          Tasks
        </router-link>

        <router-link
          id="nav-reports"
          :to="reports"
          class="nav-link">
          <icon :icon="['fas', 'book']" class="fa-fw mr-1"/>
          Reports
        </router-link>

          <icon :icon="['fas', 'tools']" class="fa-fw mr-1"/>
          Admin

          <icon :icon="['fas', 'tape']" class="fa-fw mr-1"/>
          API Browser

          <icon :icon="['fas', 'sign-out-alt']" class="fa-fw mr-1"/>
          Logout

    <tracker/>

    <router-view :id="'view-' + $route.name"/>

      <icon
        :icon="['fas', 'code-branch']"
        class="mr-1 text-muted"/>

</template>


label imprimir button

label imprimir button

remote: Support for password authentication was removed on August 13, 2021.
remote: Please see https://docs.github.com/en/get-started/getting-started-with-git/about-remote-repositories#cloning-with-https-urls for information on currently recommended modes of authentication.
fatal: Authentication failed for 'https://github.com/lucaslimax/curriculo_gratis.git/'


Bulma 0.4 compliance

Bulma 0.4 compliance

remote: Support for password authentication was removed on August 13, 2021.
remote: Please see https://docs.github.com/en/get-started/getting-started-with-git/about-remote-repositories#cloning-with-https-urls for information on currently recommended modes of authentication.
fatal: Authentication failed for 'https://github.com/04n0/goldfish.git/'


feat(component): 完成Management-Configuration

remote: Support for password authentication was removed on August 13, 2021.
remote: Please see https://docs.github.com/en/get-started/getting-started-with-git/about-remote-repositories#cloning-with-https-urls for information on currently recommended modes of authentication.
fatal: Authentication failed for 'https://github.com/ttaanngg/traffic-report.git/'


Group Identicon for groups without avatars

<script>
export default {
  props: {
    id: {
      required: true,
    },
    name: {
      type: String,
      required: true,
    },
  },
  computed: {
    /**
     * This method is based on app/helpers/application_helper.rb#project_identicon
     */
    identiconStyles() {
      const allowedColors = [
        '#FFEBEE',
        '#F3E5F5',
        '#E8EAF6',
        '#E3F2FD',
        '#E0F2F1',
        '#FBE9E7',
        '#EEEEEE',
      ];

      const backgroundColor = allowedColors[this.id % 7];

      return `background-color: ${backgroundColor}; color: #555;`;
    },
    identiconTitle() {
      return this.name.charAt(0).toUpperCase();
    }
  }
};
</script>

<template>
  <div
    class="avatar s40 identicon"
    :style="identiconStyles">
    {{identiconTitle}}
  </div>
</template>

error: pathspec 'app/assets/javascripts/groups/components/group_identicon.vue' did not match any file(s) known to git


fetch category data from api

fetch category data from api


Adding form and basic CSS

Adding form and basic CSS

remote: Support for password authentication was removed on August 13, 2021.
remote: Please see https://docs.github.com/en/get-started/getting-started-with-git/about-remote-repositories#cloning-with-https-urls for information on currently recommended modes of authentication.
fatal: Authentication failed for 'https://github.com/eoinmurphy/field-guide.git/'


bug fix

bug fix

remote: Support for password authentication was removed on August 13, 2021.
remote: Please see https://docs.github.com/en/get-started/getting-started-with-git/about-remote-repositories#cloning-with-https-urls for information on currently recommended modes of authentication.
fatal: Authentication failed for 'https://github.com/mulberryx/blog-web.git/'


选择框与滑动条联动

选择框与滑动条联动

remote: Support for password authentication was removed on August 13, 2021.
remote: Please see https://docs.github.com/en/get-started/getting-started-with-git/about-remote-repositories#cloning-with-https-urls for information on currently recommended modes of authentication.
fatal: Authentication failed for 'https://github.com/playedclass/vue-hdl.git/'


Added comp popover

Added comp popover

<template>

      <slot name="source"></slot>

    <transition name="fade"
      @enter="setPosition"
    >
      <div class="popover" role="tooltip"
        ref="content"
        v-show="show"
        :class="[`popover-${placement}`]"
      >

{{ title }}

          <slot name="content"></slot>

    </transition>

</template>

error: pathspec 'src/editor/components/popover.vue' did not match any file(s) known to git


Remove superfluous utility classes

Remove superfluous utility classes

<template>

{{ s__('ClusterIntegration|Applications') }}

      {{
        s__(`ClusterIntegration|Choose which applications to install on your Kubernetes cluster.
        Helm Tiller is required to install any of the following applications.`)
      }}
       {{ __('More information') }}

      <application-row
        id="helm"
        :logo-url="helmLogo"
        :title="applications.helm.title"
        :status="applications.helm.status"
        :status-reason="applications.helm.statusReason"
        :request-status="applications.helm.requestStatus"
        :request-reason="applications.helm.requestReason"
        class="rounded-top"
        title-link="https://docs.helm.sh/"
      >

          {{
            s__(`ClusterIntegration|Helm streamlines installing
            and managing Kubernetes applications.
            Tiller runs inside of your Kubernetes Cluster,
            and manages releases of your charts.`)
          }}

      </application-row>

        {{
          s__(`ClusterIntegration|You must first install Helm Tiller before
          installing the applications below`)
        }}

      <application-row
        :id="ingressId"
        :logo-url="kubernetesLogo"
        :title="applications.ingress.title"
        :status="applications.ingress.status"
        :status-reason="applications.ingress.statusReason"
        :request-status="applications.ingress.requestStatus"
        :request-reason="applications.ingress.requestReason"
        :disabled="!helmInstalled"
        title-link="https://kubernetes.io/docs/concepts/services-networking/ingress/"
      >

            {{
              s__(`ClusterIntegration|Ingress gives you a way to route
              requests to services based on the request host or path,
              centralizing a number of services into a single entrypoint.`)
            }}

          <template v-if="ingressInstalled">

                {{ s__('ClusterIntegration|Ingress IP Address') }}

                <input
                  id="ingress-ip-address"
                  :value="ingressExternalIp"
                  type="text"
                  class="form-control js-ip-address"
                  readonly
                />

                  <clipboard-button
                    :text="ingressExternalIp"
                    :title="s__('ClusterIntegration|Copy Ingress IP Address to clipboard')"
                    class="input-group-text js-clipboard-btn"
                  />

              <input v-else type="text" class="form-control js-ip-address" readonly value="?" />

              {{
                s__(`ClusterIntegration|The IP address is in
              the process of being assigned. Please check your Kubernetes
              cluster or Quotas on Google Kubernetes Engine if it takes a long time.`)
              }}

                {{ __('More information') }}

              {{
                s__(`ClusterIntegration|Point a wildcard DNS to this
              generated IP address in order to access
              your application after it has been deployed.`)
              }}

                {{ __('More information') }}

          </template>

      </application-row>
      <application-row
        id="cert_manager"
        :logo-url="certManagerLogo"
        :title="applications.cert_manager.title"
        :status="applications.cert_manager.status"
        :status-reason="applications.cert_manager.statusReason"
        :request-status="applications.cert_manager.requestStatus"
        :request-reason="applications.cert_manager.requestReason"
        :disabled="!helmInstalled"
        title-link="https://cert-manager.readthedocs.io/en/latest/#"
      >

      </application-row>
      <application-row
        v-if="isProjectCluster"
        id="prometheus"
        :logo-url="prometheusLogo"
        :title="applications.prometheus.title"
        :manage-link="managePrometheusPath"
        :status="applications.prometheus.status"
        :status-reason="applications.prometheus.statusReason"
        :request-status="applications.prometheus.requestStatus"
        :request-reason="applications.prometheus.requestReason"
        :disabled="!helmInstalled"
        title-link="https://prometheus.io/docs/introduction/overview/"
      >

      </application-row>
      <application-row
        v-if="isProjectCluster"
        id="runner"
        :logo-url="gitlabLogo"
        :title="applications.runner.title"
        :status="applications.runner.status"
        :status-reason="applications.runner.statusReason"
        :request-status="applications.runner.requestStatus"
        :request-reason="applications.runner.requestReason"
        :disabled="!helmInstalled"
        title-link="https://docs.gitlab.com/runner/"
      >

          {{
            s__(`ClusterIntegration|GitLab Runner connects to this
            project's repository and executes CI/CD jobs,
            pushing results back and deploying,
            applications to production.`)
          }}

      </application-row>
      <application-row
        v-if="isProjectCluster"
        id="jupyter"
        :logo-url="jupyterhubLogo"
        :title="applications.jupyter.title"
        :status="applications.jupyter.status"
        :status-reason="applications.jupyter.statusReason"
        :request-status="applications.jupyter.requestStatus"
        :request-reason="applications.jupyter.requestReason"
        :install-application-request-params="{ hostname: applications.jupyter.hostname }"
        :disabled="!helmInstalled"
        title-link="https://jupyterhub.readthedocs.io/en/stable/"
      >

            {{
              s__(`ClusterIntegration|JupyterHub, a multi-user Hub, spawns,
              manages, and proxies multiple instances of the single-user
              Jupyter notebook server. JupyterHub can be used to serve
              notebooks to a class of students, a corporate data science group,
              or a scientific research group.`)
            }}

          <template v-if="ingressExternalIp">

                {{ s__('ClusterIntegration|Jupyter Hostname') }}

                <input
                  v-model="applications.jupyter.hostname"
                  :readonly="jupyterInstalled"
                  type="text"
                  class="form-control js-hostname"
                />

                  <clipboard-button
                    :text="jupyterHostname"
                    :title="s__('ClusterIntegration|Copy Jupyter Hostname to clipboard')"
                    class="js-clipboard-btn"
                  />

              {{
                s__(`ClusterIntegration|Replace this with your own hostname if you want.
              If you do so, point hostname to Ingress IP Address from above.`)
              }}

                {{ __('More information') }}

          </template>

      </application-row>
      <application-row
        id="knative"
        :logo-url="knativeLogo"
        :title="applications.knative.title"
        :status="applications.knative.status"
        :status-reason="applications.knative.statusReason"
        :request-status="applications.knative.requestStatus"
        :request-reason="applications.knative.requestReason"
        :install-application-request-params="{ hostname: applications.knative.hostname }"
        :disabled="!helmInstalled"
        title-link="https://github.com/knative/docs"
      >

            {{
              s__(`ClusterIntegration|Knative extends Kubernetes to provide
              a set of middleware components that are essential to build modern,
              source-centric, and container-based applications that can run
              anywhere: on premises, in the cloud, or even in a third-party data center.`)
            }}

          <template v-if="knativeInstalled">

                {{ s__('ClusterIntegration|Knative Domain Name:') }}

              <input
                id="knative-domainname"
                v-model="applications.knative.hostname"
                type="text"
                class="form-control js-domainname"
                readonly
              />

          </template>
          <template v-else-if="helmInstalled">

                {{ s__('ClusterIntegration|Knative Domain Name:') }}

              <input
                id="knative-domainname"
                v-model="applications.knative.hostname"
                type="text"
                class="form-control js-domainname"
              />

          </template>
          <template v-if="knativeInstalled">

                {{ s__('ClusterIntegration|Knative IP Address:') }}

                <input
                  id="knative-ip-address"
                  :value="knativeExternalIp"
                  type="text"
                  class="form-control js-ip-address"
                  readonly
                />

                  <clipboard-button
                    :text="knativeExternalIp"
                    :title="s__('ClusterIntegration|Copy Knative IP Address to clipboard')"
                    class="input-group-text js-clipboard-btn"
                  />

              <input v-else type="text" class="form-control js-ip-address" readonly value="?" />

              {{
                s__(`ClusterIntegration|The IP address is in
              the process of being assigned. Please check your Kubernetes
              cluster or Quotas on Google Kubernetes Engine if it takes a long time.`)
              }}

              {{
                s__(`ClusterIntegration|Point a wildcard DNS to this
              generated IP address in order to access
              your application after it has been deployed.`)
              }}

                {{ __('More information') }}

          </template>

      </application-row>

</template>

<template>

{{ s__('ClusterIntegration|Applications') }}

      {{
        s__(`ClusterIntegration|Choose which applications to install on your Kubernetes cluster.
        Helm Tiller is required to install any of the following applications.`)
      }}
       {{ __('More information') }}

      <application-row
        id="helm"
        :logo-url="helmLogo"
        :title="applications.helm.title"
        :status="applications.helm.status"
        :status-reason="applications.helm.statusReason"
        :request-status="applications.helm.requestStatus"
        :request-reason="applications.helm.requestReason"
        class="rounded-top"
        title-link="https://docs.helm.sh/"
      >

          {{
            s__(`ClusterIntegration|Helm streamlines installing
            and managing Kubernetes applications.
            Tiller runs inside of your Kubernetes Cluster,
            and manages releases of your charts.`)
          }}

      </application-row>

        {{
          s__(`ClusterIntegration|You must first install Helm Tiller before
          installing the applications below`)
        }}

      <application-row
        :id="ingressId"
        :logo-url="kubernetesLogo"
        :title="applications.ingress.title"
        :status="applications.ingress.status"
        :status-reason="applications.ingress.statusReason"
        :request-status="applications.ingress.requestStatus"
        :request-reason="applications.ingress.requestReason"
        :disabled="!helmInstalled"
        title-link="https://kubernetes.io/docs/concepts/services-networking/ingress/"
      >

            {{
              s__(`ClusterIntegration|Ingress gives you a way to route
              requests to services based on the request host or path,
              centralizing a number of services into a single entrypoint.`)
            }}

          <template v-if="ingressInstalled">

                {{ s__('ClusterIntegration|Ingress IP Address') }}

                <input
                  id="ingress-ip-address"
                  :value="ingressExternalIp"
                  type="text"
                  class="form-control js-ip-address"
                  readonly
                />

                  <clipboard-button
                    :text="ingressExternalIp"
                    :title="s__('ClusterIntegration|Copy Ingress IP Address to clipboard')"
                    class="input-group-text js-clipboard-btn"
                  />

              <input v-else type="text" class="form-control js-ip-address" readonly value="?" />

              {{
                s__(`ClusterIntegration|The IP address is in
              the process of being assigned. Please check your Kubernetes
              cluster or Quotas on Google Kubernetes Engine if it takes a long time.`)
              }}

                {{ __('More information') }}

              {{
                s__(`ClusterIntegration|Point a wildcard DNS to this
              generated IP address in order to access
              your application after it has been deployed.`)
              }}

                {{ __('More information') }}

          </template>

      </application-row>
      <application-row
        id="cert_manager"
        :logo-url="certManagerLogo"
        :title="applications.cert_manager.title"
        :status="applications.cert_manager.status"
        :status-reason="applications.cert_manager.statusReason"
        :request-status="applications.cert_manager.requestStatus"
        :request-reason="applications.cert_manager.requestReason"
        :disabled="!helmInstalled"
        class="hide-bottom-border rounded-bottom"
        title-link="https://cert-manager.readthedocs.io/en/latest/#"
      >

      </application-row>
      <application-row
        v-if="isProjectCluster"
        id="prometheus"
        :logo-url="prometheusLogo"
        :title="applications.prometheus.title"
        :manage-link="managePrometheusPath"
        :status="applications.prometheus.status"
        :status-reason="applications.prometheus.statusReason"
        :request-status="applications.prometheus.requestStatus"
        :request-reason="applications.prometheus.requestReason"
        :disabled="!helmInstalled"
        title-link="https://prometheus.io/docs/introduction/overview/"
      >

      </application-row>
      <application-row
        v-if="isProjectCluster"
        id="runner"
        :logo-url="gitlabLogo"
        :title="applications.runner.title"
        :status="applications.runner.status"
        :status-reason="applications.runner.statusReason"
        :request-status="applications.runner.requestStatus"
        :request-reason="applications.runner.requestReason"
        :disabled="!helmInstalled"
        title-link="https://docs.gitlab.com/runner/"
      >

          {{
            s__(`ClusterIntegration|GitLab Runner connects to this
            project's repository and executes CI/CD jobs,
            pushing results back and deploying,
            applications to production.`)
          }}

      </application-row>
      <application-row
        v-if="isProjectCluster"
        id="jupyter"
        :logo-url="jupyterhubLogo"
        :title="applications.jupyter.title"
        :status="applications.jupyter.status"
        :status-reason="applications.jupyter.statusReason"
        :request-status="applications.jupyter.requestStatus"
        :request-reason="applications.jupyter.requestReason"
        :install-application-request-params="{ hostname: applications.jupyter.hostname }"
        :disabled="!helmInstalled"
        title-link="https://jupyterhub.readthedocs.io/en/stable/"
      >

            {{
              s__(`ClusterIntegration|JupyterHub, a multi-user Hub, spawns,
              manages, and proxies multiple instances of the single-user
              Jupyter notebook server. JupyterHub can be used to serve
              notebooks to a class of students, a corporate data science group,
              or a scientific research group.`)
            }}

          <template v-if="ingressExternalIp">

                {{ s__('ClusterIntegration|Jupyter Hostname') }}

                <input
                  v-model="applications.jupyter.hostname"
                  :readonly="jupyterInstalled"
                  type="text"
                  class="form-control js-hostname"
                />

                  <clipboard-button
                    :text="jupyterHostname"
                    :title="s__('ClusterIntegration|Copy Jupyter Hostname to clipboard')"
                    class="js-clipboard-btn"
                  />

              {{
                s__(`ClusterIntegration|Replace this with your own hostname if you want.
              If you do so, point hostname to Ingress IP Address from above.`)
              }}

                {{ __('More information') }}

          </template>

      </application-row>
      <application-row
        id="knative"
        :logo-url="knativeLogo"
        :title="applications.knative.title"
        :status="applications.knative.status"
        :status-reason="applications.knative.statusReason"
        :request-status="applications.knative.requestStatus"
        :request-reason="applications.knative.requestReason"
        :install-application-request-params="{ hostname: applications.knative.hostname }"
        :disabled="!helmInstalled"
        class="hide-bottom-border rounded-bottom"
        title-link="https://github.com/knative/docs"
      >

            {{
              s__(`ClusterIntegration|Knative extends Kubernetes to provide
              a set of middleware components that are essential to build modern,
              source-centric, and container-based applications that can run
              anywhere: on premises, in the cloud, or even in a third-party data center.`)
            }}

          <template v-if="knativeInstalled">

                {{ s__('ClusterIntegration|Knative Domain Name:') }}

              <input
                id="knative-domainname"
                v-model="applications.knative.hostname"
                type="text"
                class="form-control js-domainname"
                readonly
              />

          </template>
          <template v-else-if="helmInstalled">

                {{ s__('ClusterIntegration|Knative Domain Name:') }}

              <input
                id="knative-domainname"
                v-model="applications.knative.hostname"
                type="text"
                class="form-control js-domainname"
              />

          </template>
          <template v-if="knativeInstalled">

                {{ s__('ClusterIntegration|Knative IP Address:') }}

                <input
                  id="knative-ip-address"
                  :value="knativeExternalIp"
                  type="text"
                  class="form-control js-ip-address"
                  readonly
                />

                  <clipboard-button
                    :text="knativeExternalIp"
                    :title="s__('ClusterIntegration|Copy Knative IP Address to clipboard')"
                    class="input-group-text js-clipboard-btn"
                  />

              <input v-else type="text" class="form-control js-ip-address" readonly value="?" />

              {{
                s__(`ClusterIntegration|The IP address is in
              the process of being assigned. Please check your Kubernetes
              cluster or Quotas on Google Kubernetes Engine if it takes a long time.`)
              }}

              {{
                s__(`ClusterIntegration|Point a wildcard DNS to this
              generated IP address in order to access
              your application after it has been deployed.`)
              }}

                {{ __('More information') }}

          </template>

      </application-row>

</template>


Fix the 'Everything new' not showing

Fix the 'Everything new' not showing

Fixes: #154

<template>

Everything new

        <product-tile :product="product"/>

Cool Bags of '17 collection

            <product-tile :product="product"/>

Get inspired

    <inspirations />

</template>


Cool bags fixed

Cool bags fixed

<template>

Everything new

        <product-tile :product="product"/>

Cool Bags of '17 collection

            <product-tile class="col-md-4 pb15" :product="product"/>
            <product-tile class="col-md-4 pb15" :product="product"/>
            <product-tile class="col-md-4 pb15" :product="product"/>
            <product-tile class="col-md-4 pb15" :product="product"/>

Get inspired

    <tile-links />

</template>

<template>

Everything new

        <product-tile :product="product"/>

Cool Bags of '17 collection

            <product-tile :product="product"/>
            <product-tile :product="product"/>
            <product-tile :product="product"/>
            <product-tile :product="product"/>

Get inspired

    <inspirations />

</template>


fixes topic card height issue on firefox

<template>

      <slot></slot>

      {{ title }}

</template>


Add defaultFilterModel

Add defaultFilterModel

remote: Support for password authentication was removed on August 13, 2021.
remote: Please see https://docs.github.com/en/get-started/getting-started-with-git/about-remote-repositories#cloning-with-https-urls for information on currently recommended modes of authentication.
fatal: Authentication failed for 'https://github.com/PayBreak/basket.git/'


add file input code example

add file input code example

remote: Support for password authentication was removed on August 13, 2021.
remote: Please see https://docs.github.com/en/get-started/getting-started-with-git/about-remote-repositories#cloning-with-https-urls for information on currently recommended modes of authentication.
fatal: Authentication failed for 'https://github.com/praneetloke/vue-material.git/'


add exercise-detail-view component that takes the whole page

<template>

        <mat-svg
          class="back svg-back"
          category="navigation"
          name="arrow_back"
        />

          <slot name="text"/>

      <slot name="body"/>

</template>

error: pathspec 'kolibri/plugins/coach/assets/src/vue/exercise-detail-view/index.vue' did not match any file(s) known to git


Optimized food component style.

Optimized food component style.

remote: Support for password authentication was removed on August 13, 2021.
remote: Please see https://docs.github.com/en/get-started/getting-started-with-git/about-remote-repositories#cloning-with-https-urls for information on currently recommended modes of authentication.
fatal: Authentication failed for 'https://github.com/VOREVER/Vue-Sell.git/'


summernote

summernote

- it can't be that easy
- only have basic options to setup api...soon we'll dispatch all events accordingly

<script>
  /**
   * @module summoernote
   *
   * summernote component - basic initiation, destroy and update on change
   */
  export default {
    install(Vue, options) {
      Vue.component('summernote', {
        props: {
          model: {
            type: String,
            required: true,
            twoWay: true,
            default: ''
          },
          options: {
            type: Object,
            required: false,
            twoWay: false,
            default() { return {height: 300,toolbar: [['style', ['style']],['font', ['bold', 'italic', 'underline']],['fontsize', ['fontsize']],['color', ['color']],['para', ['ul', 'ol', 'paragraph']],['height', ['height']],['table', ['table']],['insert', ['link', 'picture', 'hr']],['view', ['fullscreen']]]}; }
          }
        },
        template: `<div></div>`,
        ready() {
          this.__summernote = $(this.$el).summernote(this.options);
          this.__summernote.code(this.model);
          this.__summernote.on('summernote.change', (customEvent, contents, $editable) => {
            this.model = contents;
          });
        },
        beforeDestroy() {
          this.__summernote.destroy();
        }
      });
    }
  };
</script>

error: pathspec 'app/components/summernote.vue' did not match any file(s) known to git


try to fix build

try to fix build

remote: Support for password authentication was removed on August 13, 2021.
remote: Please see https://docs.github.com/en/get-started/getting-started-with-git/about-remote-repositories#cloning-with-https-urls for information on currently recommended modes of authentication.
fatal: Authentication failed for 'https://github.com/dmitrykurmanov/surveyjs.git/'


inclusao de nova experiencia

inclusao de nova experiencia


change touch event method for closing sidebar

remote: Support for password authentication was removed on August 13, 2021.
remote: Please see https://docs.github.com/en/get-started/getting-started-with-git/about-remote-repositories#cloning-with-https-urls for information on currently recommended modes of authentication.
fatal: Authentication failed for 'https://github.com/aligerum/clockwork.git/'


Remove unnecessary name property

Remove unnecessary name property

<script>
export default {
  props: {
    entityId: {
      type: Number,
      required: true,
    },
    entityName: {
      type: String,
      required: true,
    },
  },
  computed: {
    /**
     * This method is based on app/helpers/application_helper.rb#project_identicon
     */
    identiconStyles() {
      const allowedColors = [
        '#FFEBEE',
        '#F3E5F5',
        '#E8EAF6',
        '#E3F2FD',
        '#E0F2F1',
        '#FBE9E7',
        '#EEEEEE',
      ];

      const backgroundColor = allowedColors[this.entityId % 7];

      return `background-color: ${backgroundColor}; color: #555;`;
    },
    identiconTitle() {
      return this.entityName.charAt(0).toUpperCase();
    },
  },
};
</script>

<template>
  <div
    class="avatar s40 identicon"
    :style="identiconStyles">
    {{identiconTitle}}
  </div>
</template>

<script>
export default {
  name: 'group-identicon',
  props: {
    entityId: {
      type: Number,
      required: true,
    },
    entityName: {
      type: String,
      required: true,
    },
  },
  computed: {
    /**
     * This method is based on app/helpers/application_helper.rb#project_identicon
     */
    identiconStyles() {
      const allowedColors = [
        '#FFEBEE',
        '#F3E5F5',
        '#E8EAF6',
        '#E3F2FD',
        '#E0F2F1',
        '#FBE9E7',
        '#EEEEEE',
      ];

      const backgroundColor = allowedColors[this.entityId % 7];

      return `background-color: ${backgroundColor}; color: #555;`;
    },
    identiconTitle() {
      return this.entityName.charAt(0).toUpperCase();
    },
  },
};
</script>

<template>
  <div
    class="avatar s40 identicon"
    :style="identiconStyles">
    {{identiconTitle}}
  </div>
</template>


Update App.vue

Update App.vue

remote: Support for password authentication was removed on August 13, 2021.
remote: Please see https://docs.github.com/en/get-started/getting-started-with-git/about-remote-repositories#cloning-with-https-urls for information on currently recommended modes of authentication.
fatal: Authentication failed for 'https://github.com/KunTengRom/xfrps.git/'


Slower carousel

Slower carousel

remote: Support for password authentication was removed on August 13, 2021.
remote: Please see https://docs.github.com/en/get-started/getting-started-with-git/about-remote-repositories#cloning-with-https-urls for information on currently recommended modes of authentication.
fatal: Authentication failed for 'https://github.com/barprive/barprive.com.git/'


Make UiSnackbarContainer click-through, so it doesn't block elements behind it

<template>

        <ui-snackbar
            :action-color="snackbar.actionColor"
            :action="snackbar.action"
            :key="index"
            :message="snackbar.message"
            :transition="transition"

            @action-click="onActionClick(snackbar)"
            @click="onClick(snackbar)"
            @hide="onHide(snackbar, index)"
            @show="onShow(snackbar)"

            v-for="(snackbar, index) in queue"
            v-show="snackbar.show"
        >

        </ui-snackbar>

</template>


feat(snackbar): update app snack

feat(snackbar): update app snack

<template>
  <v-fade-transition appear>
    <core-documentation v-if="!examples" />
    <div
      v-else
      id="app"
    >
      <router-view />
    </div>
  </v-fade-transition>
</template>

<script>
  import Meta from '@/mixins/meta'

  // Utilities
  import asyncData from '@/util/asyncData'

  import {
    mapMutations,
    mapState
  } from 'vuex'

  export default {
    mixins: [asyncData, Meta],

    asyncData ({ store }) {
      if (store.state.store.hasFetchedProducts &&
        store.state.store.products.length
      ) return Promise.resolve()

      return store.dispatch('store/getProducts')
    },

    computed: {
      ...mapState({
        isFullscreen: state => state.isFullscreen
      }),
      examples () {
        return !!this.$route.params.example
      }
    },

    mounted () {
      this.getReleases()

      this.snackbar({
        color: 'default',
        close: true,
        id: 'august-2018-21369715',
        text: 'Go To Video',
        msg: '**August 2018 Update**',
        href: 'https://www.patreon.com/posts/august-2018-21369715',
        timeout: 0
      })
    },

    methods: {
      ...mapMutations('app', {
        snackbar: 'SNACKBAR'
      }),
      getReleases () {
        this.$http.get('/releases/releases.json').then(({ data }) => {
          this.$store.commit('app/RELEASES', data)
        }).catch(err => {
          console.log(err)
        })
      }
    }
  }
</script>

<style lang="stylus">
  @import '~vuetify/src/stylus/settings/_variables.styl'

  main
    section
      &:before
        content ''
        display block
        position relative
        width 0
        height 80px
        margin-top -80px

  .container.page
    max-width: 1185px !important
    padding-top: 75px
    padding-bottom: 0
    transition: .2s $transition.fast-out-slow-in

    section
      margin-bottom: 48px
</style>

<template>
  <v-fade-transition appear>
    <core-documentation v-if="!examples" />
    <div
      v-else
      id="app"
    >
      <router-view />
    </div>
  </v-fade-transition>
</template>

<script>
  import Meta from '@/mixins/meta'

  // Utilities
  import asyncData from '@/util/asyncData'

  import {
    mapMutations,
    mapState
  } from 'vuex'

  export default {
    mixins: [asyncData, Meta],

    asyncData ({ store }) {
      if (store.state.store.hasFetchedProducts &&
        store.state.store.products.length
      ) return Promise.resolve()

      return store.dispatch('store/getProducts')
    },

    computed: {
      ...mapState({
        isFullscreen: state => state.isFullscreen
      }),
      examples () {
        return !!this.$route.params.example
      }
    },

    mounted () {
      this.getReleases()

      this.snackbar({
        color: 'default',
        close: true,
        id: 'our-point-of-vue-evolving-through-innovation-at-veoci-6cf4a47a08ca',
        text: 'Go To Article',
        msg: '**New Article** — _Our Point of Vue_',
        href: 'https://medium.com/vuetify/our-point-of-vue-evolving-through-innovation-at-veoci-6cf4a47a08ca',
        timeout: 0
      })
    },

    methods: {
      ...mapMutations('app', {
        snackbar: 'SNACKBAR'
      }),
      getReleases () {
        this.$http.get('/releases/releases.json').then(({ data }) => {
          this.$store.commit('app/RELEASES', data)
        }).catch(err => {
          console.log(err)
        })
      }
    }
  }
</script>

<style lang="stylus">
  @import '~vuetify/src/stylus/settings/_variables.styl'

  main
    section
      &:before
        content ''
        display block
        position relative
        width 0
        height 80px
        margin-top -80px

  .container.page
    max-width: 1185px !important
    padding-top: 75px
    padding-bottom: 0
    transition: .2s $transition.fast-out-slow-in

    section
      margin-bottom: 48px
</style>


Delete Duplicate Camera fix.

Delete Duplicate Camera fix.

remote: Support for password authentication was removed on August 13, 2021.
remote: Please see https://docs.github.com/en/get-started/getting-started-with-git/about-remote-repositories#cloning-with-https-urls for information on currently recommended modes of authentication.
fatal: Authentication failed for 'https://github.com/evercam/evercam-admin.git/'


Enforce qr code max width

Enforce qr code max width

remote: Support for password authentication was removed on August 13, 2021.
remote: Please see https://docs.github.com/en/get-started/getting-started-with-git/about-remote-repositories#cloning-with-https-urls for information on currently recommended modes of authentication.
fatal: Authentication failed for 'https://github.com/mplusmuseum/mplusmuseum-stories.git/'


no message

no message

remote: Support for password authentication was removed on August 13, 2021.
remote: Please see https://docs.github.com/en/get-started/getting-started-with-git/about-remote-repositories#cloning-with-https-urls for information on currently recommended modes of authentication.
fatal: Authentication failed for 'https://github.com/v-xiaofendui/XFD-UI.git/'


Fix empty markdown render request.

Fix empty markdown render request.

<template>

    <markdown-header
      :preview-markdown="previewMarkdown"
      @toggle-markdown="toggleMarkdownPreview" />

        <slot name="textarea"></slot>

        <markdown-toolbar
          :markdown-docs-path="markdownDocsPath"
          :quick-actions-docs-path="quickActionsDocsPath"
          />

        Loading...

    <template v-if="previewMarkdown && !markdownPreviewLoading">

            You are about to add

                {{referencedUsers.length}}

             people to the discussion. Proceed with caution.

    </template>

</template>


add option project

add option project

add option project

remote: Support for password authentication was removed on August 13, 2021.
remote: Please see https://docs.github.com/en/get-started/getting-started-with-git/about-remote-repositories#cloning-with-https-urls for information on currently recommended modes of authentication.
fatal: Authentication failed for 'https://github.com/saik003/GeoSpatialAnalysisAPI.git/'


Image

Image

<template lang="jade">
div.image-wrapper
  img(:src="src", style="{display: 'none'}", @load="onImageLoad")
</template>

<script>
export default {
  data () {
    return {
      imageLoaded: false,
      imageWidth: null,
      imageHeight: null
    }
  },
  methods: {
    onImageLoad (e) {
      const image = e.target
      this.imageWidth = image.width
      this.imageHeight = image.height
    }
  }
}
</script>

<style>

</style>

error: pathspec 'src/components/view/image.vue' did not match any file(s) known to git


add logic for extension open or close

add logic for extension open or close

remote: Support for password authentication was removed on August 13, 2021.
remote: Please see https://docs.github.com/en/get-started/getting-started-with-git/about-remote-repositories#cloning-with-https-urls for information on currently recommended modes of authentication.
fatal: Authentication failed for 'https://github.com/notadd/administration.git/'


update Modal

update Modal

remote: Support for password authentication was removed on August 13, 2021.
remote: Please see https://docs.github.com/en/get-started/getting-started-with-git/about-remote-repositories#cloning-with-https-urls for information on currently recommended modes of authentication.
fatal: Authentication failed for 'https://github.com/iview/iview-doc.git/'


Change subTotal to a computed property.

Change subTotal to a computed property.


Report table

Report table

<template>
  <md-table class="report-table" v-once>
    <md-table-header>
      <md-table-row>
        <md-table-head>Usuario</md-table-head>
        <md-table-head>Producto</md-table-head>
        <md-table-head>Fecha</md-table-head>
        <md-table-head>Cantidad</md-table-head>
        <md-table-head>Descripción</md-table-head>
      </md-table-row>
    </md-table-header>

    <md-table-body>
      <md-table-row v-for="item of reportItems" :key="item.ID">
        <md-table-cell>
          {{ item.username }}
        </md-table-cell>
        <md-table-cell>
          {{ item.productName }}
        </md-table-cell>
        <md-table-cell>
          {{ item.transactionDate }}
        </md-table-cell>
        <md-table-cell>
          {{ item.state }}
        </md-table-cell>
        <md-table-cell>
          {{ item.quantity }}
        </md-table-cell>
        <md-table-cell>
          {{ item.description }}
        </md-table-cell>
      </md-table-row>
    </md-table-body>
  </md-table>
</template>

<script>
export default {
  name: 'report-table',
  data () {
    return {
    }
  },
  props: {
    reportItems: Array
  }
}
</script>
<style scoped>
  .md-table {
    width: 100%;
  }
</style>

error: pathspec 'botany-front/src/components/tables/ReportTable.vue' did not match any file(s) known to git


refactor(MdButton): create a ghost button style

<script>
  import MdComponent from 'core/MdComponent'
  import ripple from 'core/mixins/ripple'
  import MdButtonContent from './MdButtonContent'

  export default new MdComponent({
    name: 'MdButton',
    components: {
      MdButtonContent
    },
    mixins: [ripple],
    props: {
      href: String,
      type: {
        type: String,
        default: 'button'
      },
      disabled: Boolean
    },
    render (createElement) {
      const buttonContent = createElement('md-button-content', {
        attrs: {
          mdRipple: this.mdRipple,
          disabled: this.disabled
        }
      }, this.$slots.default)
      let buttonAttrs = {
        staticClass: 'md-button',
        class: [
          this.$mdActiveTheme,
          {
            'md-ripple-off': !this.mdRipple
          }
        ],
        attrs: {
          href: this.href,
          disabled: this.disabled,
          type: !this.href && (this.type || 'button')
        },
        on: {
          click: ($event) => {
            this.$emit('click', $event)
          }
        }
      }
      let tag = 'button'

      if (this.href) {
        tag = 'a'
      } else if (this.$router && this.to) {
        buttonAttrs.props = this.$props
        tag = 'router-link'
      }

      return createElement(tag, buttonAttrs, [buttonContent])
    }
  })
</script>

<style lang="scss">
  @import "~components/MdAnimation/variables";
  @import "~components/MdElevation/mixins";
  @import "~components/MdElevation/variables";

  $md-button-min-width: 88px;
  $md-button-height: 36px;
  $md-button-radius: 2px;
  $md-button-font-size: 14px;

  $md-button-dense-height: 32px;

  $md-button-icon-size: 40px;

  $md-button-fab-size: 56px;
  $md-button-fab-size-mini: $md-button-icon-size;

  .md-button-clean {
    margin: 0;
    padding: 0;
    display: inline-block;
    position: relative;
    overflow: hidden;
    user-select: none;
    outline: none;
    background: transparent;
    border: 0;
    transition: $md-transition-default;
    transition-property: box-shadow, color, background-color;
    will-change: box-shadow, color, background-color;
    font-family: inherit;
    text-transform: uppercase;
    text-decoration: none;
    vertical-align: top;
    white-space: nowrap;
  }

  .md-button {
    @extend .md-button-clean;
    min-width: $md-button-min-width;
    height: $md-button-height;
    margin: 6px 8px;
    border-radius: $md-button-radius;
    font-size: $md-button-font-size;
    font-weight: 500;

    &:active {
      outline: none;
    }

    &[disabled] {
      pointer-events: none;
    }

    &:not([disabled]) {
      cursor: pointer;

      &:hover,
      &:active,
      &.md-focused {
        &:before {
          background-color: currentColor;
          opacity: .15;
        }
      }

      &.md-focused {
        &.md-primary,
        &.md-accent {
          &:before {
            opacity: .2;
          }
        }
      }

      &:active {
        &:before {
          opacity: .2;
        }
      }

      &.md-ripple-off:active:before {
        opacity: .26;
      }
    }

    &::-moz-focus-inner {
      padding: 0;
      border: 0;
    }

    &:before {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      z-index: 1;
      opacity: 0;
      transition: $md-transition-default;
      will-change: background-color, opacity;
      content: " ";
    }

    &.md-dense {
      height: $md-button-dense-height;
      font-size: 13px;
    }

    &.md-raised:not([disabled]) {
      @include md-elevation(2);

      &:active {
        @include md-elevation(8);
      }

      &.md-ripple-off:active:before {
        opacity: .2;
      }
    }

    + .md-button {
      margin-left: 0;
    }

    .md-ripple {
      padding: 0 8px;
      display: flex;
      justify-content: center;
      align-items: center;
    }
  }

  .md-button-spaced .md-ripple {
    padding: 0 16px;
  }

  .md-icon-button,
  .md-fab {
    border-radius: 50%;

    &:before {
      border-radius: 50%;
    }

    .md-ripple {
      border-radius: 50%;
    }
  }

  .md-icon-button,
  .md-fab.md-mini,
  .md-fab.md-dense {
    .md-ripple-wave {
      top: 0 !important;
      right: 0 !important;
      bottom: 0 !important;
      left: 0 !important;
    }
  }

  .md-icon-button {
    width: $md-button-icon-size;
    min-width: $md-button-icon-size;
    height: $md-button-icon-size;
    margin: 0 6px;

    &.md-dense {
      width: $md-button-dense-height;
      min-width: $md-button-dense-height;
      height: $md-button-dense-height;
    }

    .md-ripple-enter-active {
      transition-duration: 1.2s;
    }
  }

  .md-fab {
    @include md-elevation(6);

    width: $md-button-fab-size;
    height: $md-button-fab-size;
    padding: 0;
    min-width: 0;
    overflow: hidden;

    &:active {
      @include md-elevation(12);
    }

    &.md-plain.md-button:not([disabled]) {
      color: rgba(#000, .87);
      background-color: #fff;

      .md-icon-font {
        color: rgba(#000, .87);
      }

      .md-icon-image {
        fill: rgba(#000, .87);
      }
    }

    &.md-mini,
    &.md-dense {
      width: $md-button-fab-size-mini;
      height: $md-button-fab-size-mini;
    }
  }
</style>

<script>
  import MdComponent from 'core/MdComponent'
  import ripple from 'core/mixins/ripple'
  import MdButtonContent from './MdButtonContent'

  export default new MdComponent({
    name: 'MdButton',
    components: {
      MdButtonContent
    },
    mixins: [ripple],
    props: {
      href: String,
      type: {
        type: String,
        default: 'button'
      },
      disabled: Boolean
    },
    render (createElement) {
      const buttonContent = createElement('md-button-content', {
        attrs: {
          mdRipple: this.mdRipple,
          disabled: this.disabled
        }
      }, this.$slots.default)
      let buttonAttrs = {
        staticClass: 'md-button',
        class: [
          this.$mdActiveTheme,
          {
            'md-ripple-off': !this.mdRipple
          }
        ],
        attrs: {
          href: this.href,
          disabled: this.disabled,
          type: !this.href && (this.type || 'button')
        },
        on: {
          click: ($event) => {
            this.$emit('click', $event)
          }
        }
      }
      let tag = 'button'

      if (this.href) {
        tag = 'a'
      } else if (this.$router && this.to) {
        buttonAttrs.props = this.$props
        tag = 'router-link'
      }

      return createElement(tag, buttonAttrs, [buttonContent])
    }
  })
</script>

<style lang="scss">
  @import "~components/MdAnimation/variables";
  @import "~components/MdElevation/mixins";
  @import "~components/MdElevation/variables";

  $md-button-min-width: 88px;
  $md-button-height: 36px;
  $md-button-radius: 2px;
  $md-button-font-size: 14px;

  $md-button-dense-height: 32px;

  $md-button-icon-size: 40px;

  $md-button-fab-size: 56px;
  $md-button-fab-size-mini: $md-button-icon-size;

  .md-button {
    min-width: $md-button-min-width;
    height: $md-button-height;
    margin: 6px 8px;
    padding: 0;
    display: inline-block;
    position: relative;
    overflow: hidden;
    user-select: none;
    outline: none;
    background: transparent;
    border: 0;
    border-radius: $md-button-radius;
    transition: $md-transition-default;
    transition-property: box-shadow, color, background-color;
    will-change: box-shadow, color, background-color;
    font-family: inherit;
    font-size: $md-button-font-size;
    font-weight: 500;
    text-transform: uppercase;
    text-decoration: none;
    vertical-align: top;
    white-space: nowrap;

    &:active {
      outline: none;
    }

    &[disabled] {
      pointer-events: none;
    }

    &:not([disabled]) {
      cursor: pointer;

      &:hover,
      &:active,
      &.md-focused {
        &:before {
          background-color: currentColor;
          opacity: .15;
        }
      }

      &.md-focused {
        &.md-primary,
        &.md-accent {
          &:before {
            opacity: .2;
          }
        }
      }

      &:active {
        &:before {
          opacity: .2;
        }
      }

      &.md-ripple-off:active:before {
        opacity: .26;
      }
    }

    &::-moz-focus-inner {
      padding: 0;
      border: 0;
    }

    &:before {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      z-index: 1;
      opacity: 0;
      transition: $md-transition-default;
      will-change: background-color, opacity;
      content: " ";
    }

    &.md-dense {
      height: $md-button-dense-height;
      font-size: 13px;
    }

    &.md-raised:not([disabled]) {
      @include md-elevation(2);

      &:active {
        @include md-elevation(8);
      }

      &.md-ripple-off:active:before {
        opacity: .2;
      }
    }

    + .md-button {
      margin-left: 0;
    }

    .md-ripple {
      padding: 0 8px;
      display: flex;
      justify-content: center;
      align-items: center;
    }
  }

  .md-button-spaced .md-ripple {
    padding: 0 16px;
  }

  .md-icon-button,
  .md-fab {
    border-radius: 50%;

    &:before {
      border-radius: 50%;
    }

    .md-ripple {
      border-radius: 50%;
    }
  }

  .md-icon-button,
  .md-fab.md-mini,
  .md-fab.md-dense {
    .md-ripple-wave {
      top: 0 !important;
      right: 0 !important;
      bottom: 0 !important;
      left: 0 !important;
    }
  }

  .md-icon-button {
    width: $md-button-icon-size;
    min-width: $md-button-icon-size;
    height: $md-button-icon-size;
    margin: 0 6px;

    &.md-dense {
      width: $md-button-dense-height;
      min-width: $md-button-dense-height;
      height: $md-button-dense-height;
    }

    .md-ripple-enter-active {
      transition-duration: 1.2s;
    }
  }

  .md-fab {
    @include md-elevation(6);

    width: $md-button-fab-size;
    height: $md-button-fab-size;
    padding: 0;
    min-width: 0;
    overflow: hidden;

    &:active {
      @include md-elevation(12);
    }

    &.md-plain.md-button:not([disabled]) {
      color: rgba(#000, .87);
      background-color: #fff;

      .md-icon-font {
        color: rgba(#000, .87);
      }

      .md-icon-image {
        fill: rgba(#000, .87);
      }
    }

    &.md-mini,
    &.md-dense {
      width: $md-button-fab-size-mini;
      height: $md-button-fab-size-mini;
    }
  }
</style>


#32: Create Advanced Elements View and Update router

<template>
  <div>
    AdvancedElements View
  </div>
</template>

<script>
export default {
  name: 'advanced-elements',
  created () {

  }
}
</script>

<style>

</style>

error: pathspec 'src/pages/forms/AdvancedElements.vue' did not match any file(s) known to git


Improve offline handling

Improve offline handling

remote: Support for password authentication was removed on August 13, 2021.
remote: Please see https://docs.github.com/en/get-started/getting-started-with-git/about-remote-repositories#cloning-with-https-urls for information on currently recommended modes of authentication.
fatal: Authentication failed for 'https://github.com/stefanjudis/stefan-judis-website.git/'


update

update


Add support for `v-model` in the Checkbox component

remote: Support for password authentication was removed on August 13, 2021.
remote: Please see https://docs.github.com/en/get-started/getting-started-with-git/about-remote-repositories#cloning-with-https-urls for information on currently recommended modes of authentication.
fatal: Authentication failed for 'https://github.com/astronote/astronote-docker.git/'


Minor style improvements

Minor style improvements

remote: Support for password authentication was removed on August 13, 2021.
remote: Please see https://docs.github.com/en/get-started/getting-started-with-git/about-remote-repositories#cloning-with-https-urls for information on currently recommended modes of authentication.
fatal: Authentication failed for 'https://github.com/PayBreak/basket.git/'


Fix leaveSlide in svg

Fix leaveSlide in svg

remote: Support for password authentication was removed on August 13, 2021.
remote: Please see https://docs.github.com/en/get-started/getting-started-with-git/about-remote-repositories#cloning-with-https-urls for information on currently recommended modes of authentication.
fatal: Authentication failed for 'https://github.com/JosefFriedrich-nodejs/baldr.git/'


views: update home

views: update home

remote: Support for password authentication was removed on August 13, 2021.
remote: Please see https://docs.github.com/en/get-started/getting-started-with-git/about-remote-repositories#cloning-with-https-urls for information on currently recommended modes of authentication.
fatal: Authentication failed for 'https://github.com/f00-/ncompass-node-mockup.git/'


Improve headline styling

Improve headline styling


add focus status for login input, add message alert while login success


(component) Add Controls component

(component) Add Controls component

<template>

      JavaScript Bundle Size
      <input v-model='bundleSizeBudget' id='input_jsbundleSizeBudget' v-on:input='changeBundleSize'>KB
      {{computeGZippedSize}}KB gzipped

      Network
      <select v-model='networkSelected' @change='changeNetworkSpeed'>
        <option v-for='option in network' v-bind:value='option.download'>
          {{ option.title }}
        </option>
      </select>
      <input v-model='downloadSpeed' id='input_downloadspeed' v-on:input='changeCustomNetworkSpeed'>Kbps
      {{computeDownloadTime}}ms for {{computeGZippedSize}}KB gz

      Time-To-Interactive
      <input id='tti' v-model='timeToInteractiveBudget' v-on:input='changeTTI'>ms

      <input type='file' id='selectFile' v-on:change='customTraceSelected'/>

</template>

error: pathspec 'app/src/components/Controls.vue' did not match any file(s) known to git


Popover: fix destroy the events, fixed #3555 (#3672)

remote: Support for password authentication was removed on August 13, 2021.
remote: Please see https://docs.github.com/en/get-started/getting-started-with-git/about-remote-repositories#cloning-with-https-urls for information on currently recommended modes of authentication.
fatal: Authentication failed for 'https://github.com/iamnewsea/element-pzx.git/'


Fix video links in NOFO

Fix video links in NOFO

remote: Support for password authentication was removed on August 13, 2021.
remote: Please see https://docs.github.com/en/get-started/getting-started-with-git/about-remote-repositories#cloning-with-https-urls for information on currently recommended modes of authentication.
fatal: Authentication failed for 'https://github.com/ICJIA/icjia-gata.git/'


making units smaller on the request tab

making units smaller on the request tab

remote: Support for password authentication was removed on August 13, 2021.
remote: Please see https://docs.github.com/en/get-started/getting-started-with-git/about-remote-repositories#cloning-with-https-urls for information on currently recommended modes of authentication.
fatal: Authentication failed for 'https://github.com/codeweavers/Consign.git/'


[ci skip] Adds :key property to awards v-for

<template>

      <button
        v-tooltip
        v-for="(awardList, awardName, index) in groupedAwards"
        :key="index"
        :class="getAwardClassBindings(awardList, awardName)"
        :title="awardTitle(awardList)"
        @click="handleAward(awardName)"
        class="btn award-control"
        data-placement="bottom"
        type="button">

          {{awardList.length}}

      </button>

        <button
          v-tooltip
          :class="{ 'js-user-authored': isAuthoredByMe }"
          class="award-control btn js-add-award"
          title="Add reaction"
          aria-label="Add reaction"
          data-placement="bottom"
          type="button">

        </button>

</template>

<template>

      <button
        v-tooltip
        v-for="(awardList, awardName) in groupedAwards"
        :class="getAwardClassBindings(awardList, awardName)"
        :title="awardTitle(awardList)"
        @click="handleAward(awardName)"
        class="btn award-control"
        data-placement="bottom"
        type="button">

          {{awardList.length}}

      </button>

        <button
          v-tooltip
          :class="{ 'js-user-authored': isAuthoredByMe }"
          class="award-control btn js-add-award"
          title="Add reaction"
          aria-label="Add reaction"
          data-placement="bottom"
          type="button">

        </button>

</template>


Fix move selection persistency

Fix move selection persistency

<template>

                <button-radio-group
                    v-model='gen'
                    :options='gens'
                ></button-radio-group>

                <button-radio-group
                    layout='vertical'
                    v-model='selectedReport'
                    :options='attackerReports'
                ></button-radio-group>

                <button-radio-group
                    layout='vertical'
                    v-model='selectedReport'
                    :options='defenderReports'
                ></button-radio-group>

                {{ reportText }}

                {{ damageRoll }}
                <button
                    type='button'
                    class='btn btn-sm btn-secondary'
                    @click='setHp()'
                    >
                    {{ $t("setHp") }}
                </button>

                    {{ fractionalChances }}

                <pokemon v-model='attacker' @update='removeReportOverride'></pokemon>

                <tab-content :tabs='[$t("tabs.general"), $t("tabs.moreOptions")]'>
                    <field
                        :slot='$t("tabs.general")'
                        :field='field'
                        :attacker='attacker'
                        :defender='defender'
                    ></field>

                        <button-checkbox v-model='options.showFractions' size='small'>
                            {{ $t("showFractions") }}
                        </button-checkbox>
                        <button-checkbox v-model='options.showLongRolls' size='small'>
                            {{ $t("showLongDamageRolls") }}
                        </button-checkbox>

                </tab-content>

                <pokemon v-model='defender' @update='removeReportOverride'></pokemon>

</template>

<template>

                <button-radio-group
                    v-model='gen'
                    :options='gens'
                ></button-radio-group>

                <button-radio-group
                    layout='vertical'
                    v-model='selectedReport'
                    :options='attackerReports'
                ></button-radio-group>

                <button-radio-group
                    layout='vertical'
                    v-model='selectedReport'
                    :options='defenderReports'
                ></button-radio-group>

                {{ reportText }}

                {{ damageRoll }}
                <button
                    type='button'
                    class='btn btn-sm btn-secondary'
                    @click='setHp()'
                    >
                    {{ $t("setHp") }}
                </button>

                    {{ fractionalChances }}

                <pokemon v-model='attacker' @input='selectBestReport()'></pokemon>

                <tab-content :tabs='[$t("tabs.general"), $t("tabs.moreOptions")]'>
                    <field
                        :slot='$t("tabs.general")'
                        :field='field'
                        :attacker='attacker'
                        :defender='defender'
                    ></field>

                        <button-checkbox v-model='options.showFractions' size='small'>
                            {{ $t("showFractions") }}
                        </button-checkbox>
                        <button-checkbox v-model='options.showLongRolls' size='small'>
                            {{ $t("showLongDamageRolls") }}
                        </button-checkbox>

                </tab-content>

                <pokemon v-model='defender' @input='selectBestReport()'></pokemon>

</template>


nav 更改

nav 更改

remote: Support for password authentication was removed on August 13, 2021.
remote: Please see https://docs.github.com/en/get-started/getting-started-with-git/about-remote-repositories#cloning-with-https-urls for information on currently recommended modes of authentication.
fatal: Authentication failed for 'https://github.com/water-law/vue-admin.git/'


Dashboard: Start y Scale at Zero (VC-29)

remote: Support for password authentication was removed on August 13, 2021.
remote: Please see https://docs.github.com/en/get-started/getting-started-with-git/about-remote-repositories#cloning-with-https-urls for information on currently recommended modes of authentication.
fatal: Authentication failed for 'https://github.com/modum-io/web.git/'


New Vue components for files field

New Vue components for files field

<template>

        <input type="hidden" name="file_ids" :value="fileIds.join()" />

                {{ label }}
                {{ $t('Files') }}

                <button class="btn btn-sm btn-secondary mr-2" @click="openFilepicker" type="button">
                     {{ $t('Add files') }}
                </button>

        <draggable class="filemanager" v-model="files" group="files" @start="drag = true" @end="drag = false">

                    <button class="filemanager-item-removable-button" @click="remove(file)" type="button">

                    </button>

{{ file.name }}

        </draggable>

</template>

error: pathspec 'src/resources/js/components/FilesField.vue' did not match any file(s) known to git


Update snackbar message

Update snackbar message

<template lang="pug">
  v-fade-transition(appear)
    v-app(v-cloak v-if="!examples")
      app-drawer
      app-toolbar
      app-view
      app-fab
      app-snackbar

    div(v-else)#app
      router-view
</template>

<script>
  import AppDrawer from '@/components/core/AppDrawer'
  import AppFab from '@/components/core/AppFab'
  import AppSnackbar from '@/components/core/AppSnackbar'
  import AppToolbar from '@/components/core/AppToolbar'
  import AppView from '@/components/core/AppView'
  import Meta from '@/mixins/meta'

  import {
    mapMutations,
    mapState
  } from 'vuex'

  export default {
    name: 'Documentation',

    components: {
      AppDrawer,
      AppFab,
      AppSnackbar,
      AppToolbar,
      AppView
    },

    mixins: [Meta],

    computed: {
      ...mapState({
        isFullscreen: state => state.isFullscreen
      }),
      examples () {
        return !!this.$route.params.example
      }
    },

    mounted () {
      this.getReleases()

      this.snackbar({
        color: 'default',
        close: true,
        id: 'may-2018-update-19449773',
        text: 'Go To Update',
        msg: '**New Patreon Update** — _May 2018 Update_',
        href: 'https://www.patreon.com/posts/may-2018-update-19449773',
        timeout: 0
      })
    },

    methods: {
      ...mapMutations('app', {
        snackbar: 'SNACKBAR'
      }),
      getReleases () {
        this.$http.get('/releases/releases.json').then(({ data }) => {
          this.$store.commit('app/RELEASES', data)
        }).catch(err => {
          console.log(err)
        })
      }
    }
  }
</script>

<style lang="stylus">
  @import '~vuetify/src/stylus/settings/_variables.styl'

  [v-cloak]
    display: none

  .dashme
    border: 1px dashed black !important

  main
    section
      &:before
        content ''
        display block
        position relative
        width 0
        height 80px
        margin-top -80px

  .container.page
    max-width: 1185px !important
    padding-top: 75px
    padding-bottom: 0
    transition: .2s $transition.fast-out-slow-in

    section
      margin-bottom: 48px
</style>

<template lang="pug">
  v-fade-transition(appear)
    v-app(v-cloak v-if="!examples")
      app-drawer
      app-toolbar
      app-view
      app-fab
      app-snackbar

    div(v-else)#app
      router-view
</template>

<script>
  import AppDrawer from '@/components/core/AppDrawer'
  import AppFab from '@/components/core/AppFab'
  import AppSnackbar from '@/components/core/AppSnackbar'
  import AppToolbar from '@/components/core/AppToolbar'
  import AppView from '@/components/core/AppView'
  import Meta from '@/mixins/meta'

  import {
    mapMutations,
    mapState
  } from 'vuex'

  export default {
    name: 'Documentation',

    components: {
      AppDrawer,
      AppFab,
      AppSnackbar,
      AppToolbar,
      AppView
    },

    mixins: [Meta],

    computed: {
      ...mapState({
        isFullscreen: state => state.isFullscreen
      }),
      examples () {
        return !!this.$route.params.example
      }
    },

    mounted () {
      this.getReleases()

      this.snackbar({
        color: 'default',
        close: true,
        id: 'rebuilding-input-controls-part-2-a01936b6520e',
        text: 'Go To Article',
        msg: '**New Article** — _Rebuilding input-controls Part 2_',
        href: 'https://medium.com/vuetify/rebuilding-input-controls-part-2-a01936b6520e',
        timeout: 0
      })
    },

    methods: {
      ...mapMutations('app', {
        snackbar: 'SNACKBAR'
      }),
      getReleases () {
        this.$http.get('/releases/releases.json').then(({ data }) => {
          this.$store.commit('app/RELEASES', data)
        }).catch(err => {
          console.log(err)
        })
      }
    }
  }
</script>

<style lang="stylus">
  @import '~vuetify/src/stylus/settings/_variables.styl'

  [v-cloak]
    display: none

  .dashme
    border: 1px dashed black !important

  main
    section
      &:before
        content ''
        display block
        position relative
        width 0
        height 80px
        margin-top -80px

  .container.page
    max-width: 1185px !important
    padding-top: 75px
    padding-bottom: 0
    transition: .2s $transition.fast-out-slow-in

    section
      margin-bottom: 48px
</style>