# Linux software overview

````{jinja} software_list
{% for category in categories %}
```{raw} html
<h2>{{ category }}</h2>
<div class="table-wrapper colwidths-auto docutils container">
  <table class="docutils align-default">
    <thead>
      <tr class="row-odd">
        <th class="head text-left"><p></p></th>
        <th class="head text-left"><p>Package name</p></th>
        <th class="head text-left"><p>Description</p></th>
      </tr>
    </thead>
    <tbody>
      {% for package in packages %}
      {% if packages[package]["category"] == category %}
      <tr class="row-even">
        <td class="text-left"><p>
          {% if packages[package]["installable_by_packagemanager"] %}
          <input type="checkbox" id="package" name="{{ package }}" />
          {% endif %}
        </p></td>
        <td class="text-left">
          <p>
            {% if "link" in packages[package] %}
            <a class="reference external" href="{{ packages[package]["link"] }}">{{ package }}</a>
            {% else %}
            {{ package }}
            {% endif %}
          </p>
        </td>
        <td class="text-left"><p>{{ packages[package]["description"] }}</p></td>
      </tr>
      {% endif %}
      {% endfor %}
    </tbody>
  </table>
</div>
```
{% endfor %}
````

## Installation command

```{raw} html
<select id="distribution">
  <option value="debian">Debian</option>
  <option value="arch">Arch</option>
  <option value="fedora">Fedora</option>
</select>
<button onclick="generateCommand()">Generate command</button> 
```

````bash

````

```{raw} html
<script>
function generateCommand() {
  fetch("https://wiki.dvorsak.xyz/_downloads/f6607cf0f179f8e1a3ac69703c99bb92/linux_software_list.json")
    .then(response => {
      if (!response.ok) {
        throw new Error(`HTTP error! Status: ${response.status}`);
      }
      return response.json();
    })
    .then(packages_list => {
      var distribution = document.querySelector("#distribution").value;
      let generated_command = "sudo ";
      generated_command = generated_command.concat(packages_list.commands[distribution]);
      var checkboxes = document.querySelectorAll("#package");
      for (let package of checkboxes){
        if (package.checked) {
          generated_command = generated_command.concat(" ", packages_list.packages[package.name][distribution]);
        }
      }
      var code_cell = document.querySelector("#codecell0 span");
      code_cell.textContent = generated_command;
    })
    .catch(error => {
        console.error('Error fetching JSON:', error);
    });
}
</script>
```

[JSON list of software](./linux_software_list.json)