dort

<!doctype html> <html lang="en"> <head> <title>Code coverage report for src/components/FileContent/Title/index.vue</title> <meta charset="utf-8" /> <link rel="stylesheet" href="../../../../prettify.css" /> <link rel="stylesheet" href="../../../../base.css" /> <meta name="viewport" content="width=device-width, initial-scale=1"> <style type='text/css'> .coverage-summary .sorter { background-image: url(../../../../sort-arrow-sprite.png); } </style> </head> <body> <div class='wrapper'> <div class='pad1'> <h1> <a href="../../../../index.html">all files</a> / <a href="index.html">src/components/FileContent/Title/</a> index.vue </h1> <div class='clearfix'> <div class='fl pad1y space-right2'> 62.5% Statements 5/8 </div> <div class='fl pad1y space-right2'> 50% Branches 5/10 </div> <div class='fl pad1y space-right2'> 100% Functions 0/0 </div> <div class='fl pad1y space-right2'> 62.5% Lines 5/8 </div> </div> </div> <div class='status-line medium'></div> <pre><table class="coverage"> <tr><td class="line-count quiet">1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127</td><td class="line-coverage quiet">                                                                                                            2× 1×   1×             1×         1×                                                                                                                  </td><td class="text"><pre class="prettyprint lang-js"><template> <div class="title" v-if="activeFile"> <div class="title-main"> <div class="left"> <Tooltip position="bottom">Toggle versions panel</Tooltip> <Tooltip position="bottom">Toggle diff display</Tooltip> </div> <h3> {{ activeFile.path.directory + '/' }}{{ activeFile.name }} </h3> <div class="right"> <Tooltip position="bottom">Copy to clipboard</Tooltip> <a :href="contentUri" :download="activeFile.name"> <Tooltip position="left">Download the file</Tooltip> </a> </div> </div> </div> </template>   <script> import { mapGetters } from 'vuex' import Tooltip from '../../Tooltip'   import copyToClipboard from 'copy-to-clipboard'   export default { name: 'Title', components: { Tooltip }, props: { openHistory: { type: Boolean, default: true }, openDiff: { type: Boolean, default: true } }, computed: { ...mapGetters(['server']), ...mapGetters('files', ['activeFile', 'activeIndex']), ...mapGetters('project', ['active']), contentUri () { if (this.activeFile && this.activeFile.versions && this.activeFile.versions.length) { return `data:text/plain;charset=utf-8,${encodeURIComponent(this.activeFile.versions[this.activeIndex].content)}` } else { return `${this.server.domain}/${this.active.slug}/files/${this.activeFile.path.full}` } } }, methods: { // toggle version history panel toggleHistory () { this.$emit('toggle-history') },   // toggle diff display toggleDiff () { this.$emit('toggle-diff') },   // copy content to clipboard handleCopy () { if (this.activeFile && this.activeFile.versions && this.activeFile.versions.length) { copyToClipboard(this.activeFile.versions[this.activeIndex].content) } else { copyToClipboard(`${this.server.domain}/${this.active.slug}/files/${this.activeFile.path.full}`) } } } } </script>   <style lang="scss" scoped> .title { height: 50px; .title-main { display: flex; justify-content: space-between; height: 50px; h3 { margin: 0; text-align: center; line-height: 50px; font-size: 14px; font-weight: 300; color: rgba(255, 255, 255, 0.3); b { color: white } } .left, .right { flex: 0 0 100px; font-size: 0; i { position: relative; display: inline-block; width: 50px; height: 50px; cursor: pointer; line-height: 50px; font-size: 20px; text-align: center; color: rgba(255, 255, 255, .4); &:hover { color: #4bd1c5; } &.active { background: rgb(34, 32, 58); } } } } } </style>  </pre></td></tr> </table></pre> <div class='push'></div> </div> <div class='footer quiet pad2 space-top1 center small'> Code coverage generated by <a href="http://istanbul-js.org/" target="_blank">istanbul</a> at Sun Jun 03 2018 23:15:40 GMT+0800 (CST) </div> </div> <script src="../../../../prettify.js"></script> <script> window.onload = function () { if (typeof prettyPrint === 'function') { prettyPrint(); } }; </script> <script src="../../../../sorter.js"></script> </body> </html>