Untitled

avatar
unknown
plain_text
3 years ago
6.8 kB
8
Indexable
<!DOCTYPE html>
<html>
  <head>
    <title>
      Excel Websida
    </title>
      <meta charset="UTF-8">
      <link rel="stylesheet" type="text/css" href="../styles/Excel.css">
      <link rel="preconnect" href="https://fonts.googleapis.com">
      <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
      <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;500&display=swap">

      
      <script src="../javascript/ExcelFunctions.js"></script>

      <script type="module">

        import data from '../javascript/ExcelData.js';
        console.log(data);

      </script>

  </head>
  <body>

    <header class="header">

     
    </header>

    <main class="main">

      <table className='table'>

        <thead className='thead'>
          <tr className='tr'>
            
            <th className='th'>Team</th>
            <th className='th'>Projekt</th>
            <th className='th'>Totalt</th>
            <th className='th'>Anneli </th>
            <th className='th'>Maria </th>
            <th className='th'>Ronny </th>
            <th className='th'>Simon </th>
          </tr>
        </thead>

        <tbody className='tbody'>

          <script type="module">
            class Rectangle {
              constructor(height, width) {
                this.height = height;
                this.width = width;
              }
            }
            
            const rect = new Rectangle(10, 50);

              console.log("rect height = " + rect.height);
              import data from '../javascript/ExcelData.js';
              console.log(data)
              let team = data.team;
              console.log(team)

          </script>

          <tr className='tr'>        
            <td className='td'>B</td>
            <td className='td'>A-förmedligen rekvisitioner</td>
            <td id='tdTotalt1' className='td'>1</td>
            <td id='td11' className='td' onclick="changeTheValue('td11','tdTotalt1')"> </td>
            <td id='td12' className='td' onclick="changeTheValue('td12','tdTotalt1')"> </td>
            <td id='td13' className='td' onclick="changeTheValue('td13','tdTotalt1')"> </td>
            <td id='td14' className='td' onclick="changeTheValue('td14','tdTotalt1')"> X</td>
          </tr>

          <script>
            changeTheColor('tdTotalt1');
          </script>

          <tr className='tr'>        
            <td className='td2'>A</td>
            <td className='td2'>A-förmedlingen Leverantörfakturor</td>
            <td id='tdTotalt2' className='td'>0</td>
            <td id='td31' className='td2' onclick="changeTheValue('td31','tdTotalt2')"> </td>
            <td id='td32' className='td2' onclick="changeTheValue('td32','tdTotalt2')"> </td>
            <td id='td33' className='td2' onclick="changeTheValue('td33','tdTotalt2')"> </td>
            <td id='td34' className='td2' onclick="changeTheValue('td34','tdTotalt2')"> </td>
          </tr>

          <script>
            changeTheColor('tdTotalt2');
          </script>

          <tr className='tr'>        
            <td className='td'>A</td>
            <td className='td'>Prep</td>
            <td id='tdTotalt3' className='td'>4</td>
            <td id='td61' className='td' onclick="changeTheValue('td61','tdTotalt3')"> X</td>
            <td id='td62' className='td' onclick="changeTheValue('td62','tdTotalt3')"> </td>
            <td id='td63' className='td' onclick="changeTheValue('td63','tdTotalt3')"> X</td>
            <td id='td64' className='td' onclick="changeTheValue('td64','tdTotalt3')"> </td>
          </tr>

          <script>
            changeTheColor('tdTotalt3');
          </script>

          <tr className='tr'>        
            <td className='td'>A</td>
            <td className='td'>Verifiering</td>
            <td id='tdTotalt4' className='td'>3</td>
            <td id='td91' className='td' onclick="changeTheValue('td91','tdTotalt4')"> X</td>
            <td id='td92' className='td' onclick="changeTheValue('td92','tdTotalt4')"> </td>
            <td id='td93' className='td' onclick="changeTheValue('td93','tdTotalt4')"> X</td>
            <td id='td94' className='td' onclick="changeTheValue('td94','tdTotalt4')"> </td>
          </tr>
            
          <script>
            changeTheColor('tdTotalt4');
          </script>

          <tr className='tr'>        
            <td className='td'>B</td>
            <td className='td'>A-förmedlingen sanktion</td>
            <td id='tdTotalt5' className='td'>1</td>
            <td id='td121' className='td' onclick="changeTheValue('td121','tdTotalt5')"> </td>
            <td id='td122' className='td' onclick="changeTheValue('td122','tdTotalt5')"> </td>
            <td id='td123' className='td' onclick="changeTheValue('td123','tdTotalt5')"> </td>
            <td id='td124' className='td' onclick="changeTheValue('td124','tdTotalt5')"> X</td>
          </tr>

          <script>
            changeTheColor('tdTotalt5');
          </script>

        </tbody>

      </table>
      
      
      <!--
        
      <div>
        <br>
      </div>

   

      <table className='table'>

        <thead className='thead'>
          <tr className='tr'>
            
            <th className='th'>Team</th>
            <th className='th'>Projekt</th>
            <th className='th'>Totalt</th>
            <th className='th'>Anneli </th>
            <th className='th'>Maria </th>
            <th className='th'>Ronny </th>
            <th className='th'>Simon </th>
          </tr>
        </thead>

        <tbody className='tbody'>
          <tr className="tr">
            <script>
              for(let i = 0; i < 1; i++){
                document.write("<td className='td'>B</td>");
                document.write("<td className='td'>A-förmedligen rekvisitioner</td>");
                document.write("<td id='tdTotalt1' className='td'>1</td>");
                document.write("<td id='td11' className='td' onclick='"+changeTheValue('td11','tdTotalt1')+"'> </td>");
                document.write("<td id='td12' className='td' onclick='"+changeTheValue('td12','tdTotalt1')+"'> </td>");
                document.write("<td id='td13' className='td' onclick='"+changeTheValue('td13','tdTotalt1')+"'> </td>");
                document.write("<td id='td14' className='td' onclick='"+changeTheValue('td14','tdTotalt1')+"'> </td>");
                
              }
            </script>
          </tr>


        </tbody>

      </table>

      -->




    </main>

  </body>
</html>
Editor is loading...