sermoni

"Service monitor" / cronjob status service
Log | Files | Refs

Eye.vue (1076B)

      1 <template>
      2     <svg :stroke="color" :fill="color" width="24" height="24" xmlns="http://www.w3.org/2000/svg" :fill-rule="fillRule" clip-rule="evenodd"><path d="M12.01 20c-5.065 0-9.586-4.211-12.01-8.424 2.418-4.103 6.943-7.576 12.01-7.576 5.135 0 9.635 3.453 11.999 7.564-2.241 4.43-6.726 8.436-11.999 8.436zm-10.842-8.416c.843 1.331 5.018 7.416 10.842 7.416 6.305 0 10.112-6.103 10.851-7.405-.772-1.198-4.606-6.595-10.851-6.595-6.116 0-10.025 5.355-10.842 6.584zm10.832-4.584c2.76 0 5 2.24 5 5s-2.24 5-5 5-5-2.24-5-5 2.24-5 5-5zm0 1c2.208 0 4 1.792 4 4s-1.792 4-4 4-4-1.792-4-4 1.792-4 4-4z"/></svg>
      3 </template>
      4 <script>
      5     export default {
      6         name: "Eye",
      7         props: {
      8             serviceView: Boolean
      9         },
     10         computed: {
     11             // Modify the image if in service view
     12             fillRule() {
     13                 // This works some times, don't know why
     14                 return this.serviceView ? "nonzero" : "evenodd"
     15             },
     16             color() {
     17                 return this.serviceView ? "#77b" : "#bbf"
     18             }
     19         }
     20     }
     21 </script>