github.com/covergates/covergates@v0.2.2-0.20201009050117-42ef8a19fb95/web/src/components/ReportEmpty.vue (about)

     1  <template>
     2    <v-container>
     3      <v-row justify="center">
     4        <v-col sm="12" md="8">
     5          <v-card>
     6            <v-card-title class="justify-center accent white--text">
     7              <v-icon size="32" class="mr-5" dark>mdi-party-popper</v-icon>Commit Your First Report!
     8            </v-card-title>
     9            <v-card-text>
    10              <report-guide />
    11            </v-card-text>
    12            <v-card-actions>
    13              <v-spacer />
    14              <v-btn small color="primary" :href="repoURL">Navigate Repository</v-btn>
    15            </v-card-actions>
    16          </v-card>
    17        </v-col>
    18      </v-row>
    19    </v-container>
    20  </template>
    21  
    22  <script lang="ts">
    23  import { Component } from 'vue-property-decorator';
    24  import Vue from '@/vue';
    25  import ReportGuide from '@/components/ReportGuide.vue';
    26  
    27  @Component({
    28    name: 'report-empty',
    29    components: {
    30      ReportGuide
    31    }
    32  })
    33  export default class ReportEmpty extends Vue {
    34    get repository(): Repository | undefined {
    35      return this.$store.state.repository.current;
    36    }
    37  
    38    get repoURL(): string {
    39      return this.repository ? this.repository.URL : '';
    40    }
    41  }
    42  </script>
    43  
    44  <style lang="scss" scoped>
    45  </style>