hansejc.github.io/fault.html at master · HansEJC/hansejc.github.io · GitHub

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
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
<!DOCTYPE HTML>
<!-- Google Tag Manager -->
<script>(function (w, d, s, l, i) {
    w[l] = w[l] || []; w[l].push({
      'gtm.start':
        new Date().getTime(), event: 'gtm.js'
    }); var f = d.getElementsByTagName(s)[0],
      j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : ''; j.async = true; j.src =
        'https://www.googletagmanager.com/gtm.js?id=' + i + dl; f.parentNode.insertBefore(j, f);
  })(window, document, 'script', 'dataLayer', 'GTM-5QF2LGP');</script>
<!-- End Google Tag Manager -->
<html>

<head>
  <title>Railway Faults</title>
  <meta http-equiv="content-type" content="text/html; charset=utf-8" />
  <meta name="description" content="Railway Faults" />
  <meta name="keywords" content="Railway Faults" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
  <link rel="stylesheet" href="css/main-style.css" />
  <script defer src="js/init.js"></script>
  <script defer src="js/ext/html2canvas.min.js"></script>
  <link rel="stylesheet" href="css/dygraph.css" />
  <script defer src="js/ext/dygraph.min.js"></script>
  <script defer src="js/railcommon.js"></script>
  <script defer src="js/fault.js"></script>
</head>

<body class="left-sidebar">
  <!-- Google Tag Manager (noscript) -->
  <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-5QF2LGP" height="0" width="0"
      style="display:none;visibility:hidden"></iframe></noscript>
  <!-- End Google Tag Manager (noscript) -->
  <!-- Header -->
  <div id="header">
    <div class="topnav" id="myTopnav"></div>
    <!-- Logo -->
    <div id="logo">
      <h1><a href="#">Railway Faults</a></h1><br>
    </div>
  </div>
  <!-- Main -->
  <div id="main" class="container">
    <div class="row 50%">
      <div>
        <!-- Content -->
        <div id="content">
          <div class="row 50%" id="Lhide">
            <section class="box">
              <form>
                <label for="FC">Fault Current (kA)</label>
                <input type="number" placeholder=6 min=0 id="FC" />
                <label for="CI">Catenery Impedance (Ω/km)</label>
                <input step=0.01 placeholder=0.43 min=0 type="number" id="CI" />
                <label for="CW">Contact W Impedance (Ω/km)</label>
                <input step=0.01 placeholder=0.15 min=0 type="number" id="CW" />
              </form>
            </section>
            <section class="box">
              <form>
                <label for="RI">Rail Impedance (Ω/km)</label>
                <input step=0.01 placeholder=0.2 min=0 type="number" id="RI" />
                <label for="AEW">AEW Impedance (Ω/km)</label>
                <input step=0.01 placeholder=0.18 min=0 type="number" id="AEW" />
                <label for="RSC">RSC Impedance (Ω/km)</label>
                <input step=0.01 placeholder=0.11 min=0 type="number" id="RSC" />
                <input type="radio" name="RailR" id="SRR" checked>
                <label for="SRR" style="display: inline-block;">Single RR</label>
                <input type="radio" name="RailR" id="DRR">
                <label for="DRR" style="display: inline-block;">Double RR</label>
              </form>
            </section>
            <section class="box">
              <form>
                <label for="NumLocs">Number of Locations</label>
                <input type="number" min=2 id="NumLocs" />
                <label for="CRBD">Cross Bonding Distance (m)</label>
                <input min=0 type="number" id="CRBD" />
                <input type="radio" name="Feeding" id="CLASS" checked>
                <label for="CLASS" style="display: inline-block;">Classic</label>
                <input type="radio" name="Feeding" id="BOOST">
                <label for="BOOST" style="display: inline-block;">Booster</label>
                <input type="radio" name="Feeding" id="ATFEED">
                <label for="ATFEED" style="display: inline-block;">ATF</label>
                <div id="Bstuff">
                  <label for="BIMP">Booster Impedance (Ω)</label>
                  <input step=0.01 placeholder=0.21 min=0 type="number" id="BIMP" />
                </div>
                <div id="ATFstuff">
                  <label for="ATF">ATF Impedance (Ω/km)</label>
                  <input step=0.01 placeholder=0.07 min=0 type="number" id="ATF" />
                </div>
              </form>
            </section>
          </div>
          <header>
            <hr>
            <br>
          </header>
          <div class="row 50%">
            <section class="box">
              <label for="Substation">Location Name</label>
              <form id="Substation"></form>
            </section>
            <section class="box">
              <label for="Location">Location (km)</label>
              <form id="Location"></form>
            </section>
            <section class="box">
              <label for="Tracks">Track Number</label>
              <form id="Tracks" style="margin-top: 1em;"></form>
            </section>
          </div>
          <div class="row 50%">
            <article class="post">
              <div id="graphdiv3"></div>
              Copy to Clipboard: <a href="javascript:clippy(700,400)">A4 Normal</a>
              <a href="javascript:clippy(700,300)">A4 Narrow</a>
              <a href="javascript:clippy(1000,500)">A3 Normal</a>
              <a href="javascript:clippy(1000,400)">A3 Narrow</a>
            </article>
            <section id="FaultTable" class="box">
            </section>
          </div>
          <div class="row 50%">
            <section>
              <form>
                <br><button class="button" type="button"
                  onclick="exportToCsv('faults.csv', calculations())">Export</button>
              </form>
            </section>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div id="copyright">
    <ul>
      <li>&copy; Hans Juneby</li>
    </ul>
  </div>
</body>

</html>