File: log-file-reader-template.html

package info (click to toggle)
chromium 138.0.7204.183-1
  • links: PTS, VCS
  • area: main
  • in suites: trixie
  • size: 6,071,908 kB
  • sloc: cpp: 34,937,088; ansic: 7,176,967; javascript: 4,110,704; python: 1,419,953; asm: 946,768; xml: 739,971; pascal: 187,324; sh: 89,623; perl: 88,663; objc: 79,944; sql: 50,304; cs: 41,786; fortran: 24,137; makefile: 21,806; php: 13,980; tcl: 13,166; yacc: 8,925; ruby: 7,485; awk: 3,720; lisp: 3,096; lex: 1,327; ada: 727; jsp: 228; sed: 36
file content (117 lines) | stat: -rw-r--r-- 2,336 bytes parent folder | download | duplicates (16)
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
<!-- Copyright 2021 the V8 project authors. All rights reserved.
Use of this source code is governed by a BSD-style license that can be
found in the LICENSE file. -->

<head>
  <link href="./index.css" rel="stylesheet" />
</head>
<style>
  #fileReader {
    height: 100px;
    line-height: 100px;
    text-align: center;
    cursor: pointer;
    transition: all 0.5s ease-in-out;
    background-color: var(--surface-color);
    border: solid 1px var(--file-reader-border-color);
    border-radius: 5px;
  }

  #fileReader:hover {
    background-color: var(--primary-color);
    color: var(--on-primary-color);
  }

  .done #fileReader {
    display: none;
  }

  .fail #fileReader {
    background-color: var(--error-color);
  }

  .loading #fileReader {
    cursor: wait;
  }

  #fileReader > input {
    display: none;
  }

  #loader {
    display: none;
    will-change: rotate;
  }

  .loading #loader {
    display: block;
    position: fixed;
    z-index: 9999;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: var(--file-reader-background-color);
  }

  #spinner, #progress, #progressText {
    position: absolute;
    width: 120px;
    height: 120px;
    top: 40%;
    left: 50%;
    margin-left: calc(-60px - 10px);
    border-radius: 50%;
  }
  #spinner {
    border: 20px solid var(--surface-color);
    border-top: 20px solid var(--primary-color);
    animation: spin 1s linear infinite;
    will-change: transform;
    transform: scale(1.1);
  }

  #progress, #progressText {
    padding: 20px;
  }

  #progress {
    transition: all 0.5s ease-in-out;
  }

  #progressText {
    line-height: 120px;
    font-size: 28px;
    transform: scale(0.55);
    text-align: center;
    vertical-align: middle;
    background-color:  var(--surface-color);
  }

  #label {
    user-select: none;
  }

  @keyframes spin {
    0% {
      transform: rotate(0deg);
    }

    100% {
      transform: rotate(360deg);
    }
  }
</style>
<div id="root">
  <div id="fileReader" class="panel" tabindex="1">
    <span id="label">
      Drag and drop a v8.log file into this area, or click to choose from disk.
    </span>
    <input id="file" type="file" name="file" />
  </div>
  <div id="loader">
    <div id="progress"></div>
    <div id="spinner"></div>
    <div id="progressText"></div>
  </div>
</div>