Browse Source

updated files

koellenberger 2 years ago
parent
commit
897946800d
5 changed files with 231 additions and 44 deletions
  1. BIN
      Fig/KATRINlogo.ico
  2. 3 27
      README.md
  3. 91 0
      public/checklist.html
  4. 38 12
      public/index.html
  5. 99 5
      public/style.css

BIN
Fig/KATRINlogo.ico


+ 3 - 27
README.md

@@ -1,32 +1,8 @@
 ---
 
-Example plain HTML website using GitLab with [Netlify](https://www.netlify.com/).
+HTML website to handle remote analysis shifts
 
 ---
 
-## Netlify Configuration
-
-In order to build this site with Netlify, simply log in or register at 
-https://app.netlify.com/, then select "New site from Git" from the top
-right. Select GitLab, authenticate if needed, and then select this
-project from the list. 
-
-You will need to set the publish directory to `/public`. Netlify will handle the 
-rest.
-
-In the meantime, you can take advantage of all the great GitLab features
-like merge requests, issue tracking, epics, and everything else GitLab has
-to offer.
-
-## Did you fork this project?
-
-If you forked this project for your own use, please go to your project's
-**Settings** and remove the forking relationship, which won't be necessary
-unless you want to contribute back to the upstream project.
-
-## Troubleshooting
-
-1. CSS is missing! That means that you have wrongly set up the CSS URL in your
-   HTML files. Have a look at the [index.html] for an example.
-
-[index.html]: https://gitlab.com/pages/plain-html/blob/master/public/index.html
+Author: Leonard Köllenberger
+Contact: leonard.koellenberger@kit.edu

+ 91 - 0
public/checklist.html

@@ -0,0 +1,91 @@
+<!DOCTYPE html>
+<html>
+  <head>
+      <meta charset="utf-8">
+      <meta name="generator" content="GitLab Pages">
+      <title>KATRIN remote analysis shift</title>
+      <link rel="shortcut icon" href="https://ikp-neu-katrin.ikp.kit.edu/routine/pics/KATRINlogo.ico" />
+      <link rel="stylesheet" href="style.css">
+
+      <script>
+      function WelcomeMessage() {
+          document.getElementById("result").innerHTML = "Welcome" + localStorage.getItem('author');
+        }
+      }
+      </script>
+
+  </head>
+
+  <body>
+    <div class="navbar">
+      <a href="http://adei-katrin.kaas.kit.edu" target="_blank">Adei</a>
+      <a href="http://katana.npl.washington.edu" target="_blank">katana</a>
+      <a href="https://gitlab.com/pages/" target="_blank">brew</a>
+      <a href="https://webtrium.mpp.mpg.de" target="_blank">webtrium</a>
+    </div>
+
+    <center>
+      <h1>Checklist for remote analysis shifts</h1>
+    </center>
+
+    <hr>
+
+    <h2 style="text-align:right">Step 2/3</h2>
+
+    <center>
+      <body onload="document.getElementById('result').innerHTML = 'Welcome ' + localStorage.getItem('author')">
+        <h3 id="result"></h3>
+      </body>
+      <h3>Please check the following parameters and values: </h3>
+      <br>
+      <hr>
+
+      <br>
+      <body>
+  <div id="here"></div>
+  <h3>Checks on Adei:</h3>
+  <table width="100%" id="table" align="center">
+
+    <tr>
+      <th>Subsystem</th>
+      <th>What to look for</th>
+      <th>good (green) <br> or bad (red)</th>
+      <th>Comment if bad</th>
+    </tr>
+
+    <tr>
+      <td><b>High Voltage <br>(K65)</b></td>
+      <td>Are there any unexpected spikes in the
+      <a href="https://adei-katrin.kaas.kit.edu/adei/#module=graph&db_server=virtual&db_name=srctree&db_group=-3&control_group=-3&db_mask=all&experiment=-&window=86400&module=graph&virtual=srctree&srctree=hv__katrin-hv_rep__7__5" target="_blank">K65 readback.</a>
+      <br>(more details can be found <a href="https://ikp-katrin-wiki.ikp.kit.edu/katrin/images/0/05/Check-Controlroom.pdf" target="_blank">here</a>)</td>
+      <td><label class="switch"><input type="checkbox"><span class="slider round"></span></label></td>
+      <td><input type="text" placeholder ="Comment" id="HV_K65"></td>
+    </tr>
+
+    <tr>
+      <td><b>High Voltage <br>(absolute tank potential)</b></td>
+      <td>Are there any unexpected spikes in the
+      <a href="https://adei-katrin.kaas.kit.edu/adei/#module=graph&db_server=virtual&db_name=srctree&db_group=-3&control_group=-3&db_mask=all&experiment=-&window=86400&module=graph&virtual=srctree&srctree=hv__katrin-hv_rep__0__39&infomod=legend&history_id=1627290450297" target="_blank">tank potential readback.</a>
+      <br>(more details can be found <a href="https://ikp-katrin-wiki.ikp.kit.edu/katrin/images/0/05/Check-Controlroom.pdf" target="_blank">here</a>)</td>
+      <td><label class="switch"><input type="checkbox"><span class="slider round"></span></label></td>
+      <td><input type="text" placeholder ="Comment" id="HV_TankPotential"></td>
+    </tr>
+
+    <tr>
+      <td><b>Tritium throughput</b></td>
+      <td>Is the <a href="http://adei-katrin.kaas.kit.edu/adei/#module=graph&db_server=virtual&db_name=srctree&db_group=-3&control_group=-3&db_mask=all&experiment=-&window=0&module=graph&virtual=srctree&srctree=cstloops__ControlSystem_Loop_ISS__610InnerLoop_CircIn__18&infomod=legend&history_id=1627550116118" target="_blank">tritium throughput</a>
+        stable to within < 1 sccm? If not, something is wrong.
+        <br> Is there a long term trend visible?
+      <td><label class="switch"><input type="checkbox"><span class="slider round"></span></label></td>
+      <td><input type="text" placeholder ="Comment" id="HV_TankPotential"></td>
+    </tr>
+
+  </table>
+  <br>
+  <button style="font-size:20px">Submit report</button>
+
+</body>
+
+    </center>
+  </body>
+</html>

+ 38 - 12
public/index.html

@@ -1,23 +1,49 @@
 <!DOCTYPE html>
 <html>
   <head>
-    <meta charset="utf-8">
-    <meta name="generator" content="GitLab Pages">
-    <title>Plain HTML site using GitLab Pages</title>
-    <link rel="stylesheet" href="style.css">
+      <meta charset="utf-8">
+      <meta name="generator" content="GitLab Pages">
+      <title>KATRIN remote analysis shift</title>
+      <link rel="shortcut icon" href="https://ikp-neu-katrin.ikp.kit.edu/routine/pics/KATRINlogo.ico" />
+      <link rel="stylesheet" href="style.css">
   </head>
   <body>
     <div class="navbar">
-      <a href="https://pages.gitlab.io/plain-html/">Plain HTML Example</a>
-      <a href="https://gitlab.com/pages/plain-html/">Repository</a>
-      <a href="https://gitlab.com/pages/">Other Examples</a>
+      <a href="http://adei-katrin.kaas.kit.edu" target="_blank">Adei</a>
+      <a href="http://katana.npl.washington.edu" target="_blank">katana</a>
+      <a href="https://gitlab.com/pages/" target="_blank">brew</a>
+      <a href="https://webtrium.mpp.mpg.de" target="_blank">webtrium</a>
     </div>
 
-    <h1>Hello World!</h1>
+    <center>
+      <h1>Checklist for remote analysis shifts</h1>
+    </center>
 
-    <p>
-      This is a simple plain-HTML website on GitLab Pages, without any fancy static site generator.
-    </p>
+    <hr>
+
+    <h2 style="text-align:right">Step 1/3</h2>
+
+    <center>
+      <h3>Please enter your name:</h3>
+      <p>
+        <input type="text" placeholder ="Author" id="author">
+        <br><br>
+        <button type="submit" onclick="myfunc()" id="demo">Next</button>
+
+        <script type="text/javascript">
+            function myfunc() {
+                var author = document.getElementById('author');
+                if(author.value == ""){
+                  alert("Please provide a name.")
+                }
+                else {
+                  localStorage.setItem('author', author.value);
+                  window.location.href="Checklist.html";
+                }
+            }
+        </script>
+
+      </p>
+    </center>
   </body>
 </html>
-

+ 99 - 5
public/style.css

@@ -2,23 +2,117 @@ body {
   font-family: sans-serif;
   margin: auto;
   max-width: 1280px;
+  padding-left: 50px;
+  padding-right: 50px
 }
 
 .navbar {
-  background-color: #313236;
+  background-color: #1761B2;
   border-radius: 2px;
-  max-width: 800px;
+  width:102%;
+  padding: 60px 50px 20px 50px;
+  margin: -50px -10px 0px -60px;
 }
 
 .navbar a {
-  color: #aaa;
+  color: white;
   display: inline-block;
   font-size: 15px;
   padding: 10px;
   text-decoration: none;
 }
 
-.navbar a:hover {
-  color: #ffffff;
+.navbar a:hover{
+  color: white;
+  text-decoration: underline;
+  background-color: #03a1fc;
+  border-radius: 2px;
+  padding-top: 60px;
+  margin-top: -50px;
+  max-width: 800px;
 }
 
+.switch {
+  position: relative;
+  display: inline-block;
+  width: 60px;
+  height: 34px;
+}
+
+.switch input {
+  opacity: 0;
+  width: 0;
+  height: 0;
+}
+
+.slider {
+  position: absolute;
+  cursor: pointer;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  background-color: red;
+  -webkit-transition: .4s;
+  transition: .4s;
+}
+
+.slider:before {
+  position: absolute;
+  content: "";
+  height: 26px;
+  width: 26px;
+  left: 4px;
+  bottom: 4px;
+  background-color: white;
+  -webkit-transition: .4s;
+  transition: .4s;
+}
+
+input:checked + .slider {
+  background-color: green;
+}
+
+input:focus + .slider {
+  box-shadow: 0 0 1px #2196F3;
+}
+
+input:checked + .slider:before {
+  -webkit-transform: translateX(26px);
+  -ms-transform: translateX(26px);
+  transform: translateX(26px);
+}
+
+/* Rounded sliders */
+.slider.round {
+  border-radius: 34px;
+}
+
+.slider.round:before {
+  border-radius: 50%;
+}
+
+input {
+  font-size: 16px;
+}
+
+button {
+  font-size: 16px;
+}
+
+tbody td{
+  padding: 30px;
+}
+
+tbody tr:nth-child(odd){
+  background-color: #F4F4F4;
+  color: black;
+}
+
+img{
+   display: none
+}
+
+span:hover + img{
+   display: block;
+}