1  <template lang='pug'>
 2  
 3  .projects
 4      pin(v-for='p in pinList'  :p='p')
 5      pin(:p='$store.getters.memberCard')
 6  
 7  </template>
 8  
 9  <script>
10  import Pin from './Pin.vue'
11  export default {
12      components: { Pin },
13      computed: {
14          pinList(){
15              return this.$store.getters.pinGroups.groupings
16                  .map(x => {
17                      return this.$store.state.tasks[this.$store.state.hashMap[x[0]]]
18                  })
19          }
20      }
21  }
22  
23  </script>
24  
25  <style lang='stylus' scoped>
26  
27  @import '../styles/colours'
28  
29  .projects
30      position: fixed 
31      left: 0.07em 
32      bottom: 0.07em
33      z-index: 40000000
34      color: lightGrey
35      font-style: italic;
36      border-radius: 3%
37  
38  img.floatleft
39      max-height: 1em
40  
41  .floatleft
42      height: 100%
43      float: left
44      clear: both
45      max-height: 3.3em
46      cursor: crosshair
47      margin-top: 0.3em
48      padding-left: .5em
49  
50  .gui
51      font-size: 1.5em
52      cursor: pointer
53  
54  </style>