diff options
Diffstat (limited to 'app/assets/javascripts/repo/repo_loading_file.js')
| -rw-r--r-- | app/assets/javascripts/repo/repo_loading_file.js | 42 |
1 files changed, 42 insertions, 0 deletions
diff --git a/app/assets/javascripts/repo/repo_loading_file.js b/app/assets/javascripts/repo/repo_loading_file.js new file mode 100644 index 00000000000..39d0cc39fe4 --- /dev/null +++ b/app/assets/javascripts/repo/repo_loading_file.js @@ -0,0 +1,42 @@ +let RepoLoadingFile = { + template: ` + <tr v-if='loading.tree && !hasFiles'> + <td> + <div class="animation-container animation-container-small"> + <div class="line-of-code-1"></div> + <div class="line-of-code-2"></div> + <div class="line-of-code-3"></div> + <div class="line-of-code-4"></div> + <div class="line-of-code-5"></div> + <div class="line-of-code-6"></div> + </div> + </td> + <td v-if="!isMini"> + <div class="animation-container"> + <div class="line-of-code-1"></div> + <div class="line-of-code-2"></div> + <div class="line-of-code-3"></div> + <div class="line-of-code-4"></div> + <div class="line-of-code-5"></div> + <div class="line-of-code-6"></div> + </div> + </td> + <td v-if="!isMini"> + <div class="animation-container animation-container-small"> + <div class="line-of-code-1"></div> + <div class="line-of-code-2"></div> + <div class="line-of-code-3"></div> + <div class="line-of-code-4"></div> + <div class="line-of-code-5"></div> + <div class="line-of-code-6"></div> + </div> + </td> + </tr> + `, + props: { + loading: Object, + hasFiles: Boolean, + isMini: Boolean + } +}; +export default RepoLoadingFile;
\ No newline at end of file |