enviPy-bayer/templates/objects/setting_template.html

<div class="overflow-x-auto rounded-box shadow-md bg-base-100">
  <table class="table table-fixed w-full">
    <thead class="text-base">
      <tr>
        <th class="w-1/5">Parameter</th>
        <th>Value</th>
        {% if can_be_default %}
          <th class="text-right">
            <form method="post" action="{% url 'user' user.uuid %}">
              {% csrf_token %}
              <input
                type="hidden"
                name="change_default"
                value="{{ setting_to_render.uuid }}"
              />
              <button type="submit" class="btn">Make Default</button>
            </form>
          </th>
        {% endif %}
      </tr>
    </thead>
    <tbody>
      <tr>
        <td>Setting Name</td>
        <td>{{ setting_to_render.name }}</td>
      </tr>
      <tr>
        <td>Setting URL</td>
        <td>
          <a href="{{ setting_to_render.url }}" class="link link-primary">{{ setting_to_render.url }}</a>
          <div
            x-data="{
              value: '{{ setting_to_render.url }}',
              copied: false,

              async copy() {
                await navigator.clipboard.writeText(this.value)
                this.copied = true

                setTimeout(() => {
                  this.copied = false
                }, 1500)
              }
            }"
            class="join"
          >
          <button
            type="button"
            class="btn btn-ghost"
            :data-tip="copied ? 'Copied!' : 'Copy'"
            @click="copy"
            aria-label="Copy to clipboard"
          >
            <svg
              x-show="!copied"
              xmlns="http://www.w3.org/2000/svg"
              class="h-4 w-4"
              fill="none"
              viewBox="0 0 24 24"
              stroke="currentColor"
              stroke-width="2"
            >
              <path
                stroke-linecap="round"
                stroke-linejoin="round"
                d="M8 16H6a2 2 0 01-2-2V6a2 2 0 012-2h8a2 2 0 012 2v2"
              />
              <rect
                width="12"
                height="12"
                x="8"
                y="8"
                rx="2"
                ry="2"
              />
            </svg>

            <svg
              x-show="copied"
              xmlns="http://www.w3.org/2000/svg"
              class="h-4 w-4"
              fill="none"
              viewBox="0 0 24 24"
              stroke="currentColor"
              stroke-width="2"
            >
              <path
                stroke-linecap="round"
                stroke-linejoin="round"
                d="M5 13l4 4L19 7"
              />
            </svg>
            </button>
          </div>
        </td>
      </tr>
      {% if setting_to_render.description %}
        <tr>
          <td>Setting Description</td>
          <td>{{ setting_to_render.description }}</td>
        </tr>
      {% endif %}
      {% if setting_to_render.model %}
        <tr>
          <td>Model</td>
          <td>
            <div class="space-y-2">
              <a
                href="{{ setting_to_render.model.url }}"
                class="link link-primary"
              >
                {{ setting_to_render.model.name }}
              </a>
              <table class="table-xs table">
                <thead>
                  <tr>
                    <th>Model Parameter</th>
                    <th>Parameter Value</th>
                  </tr>
                </thead>
                <tbody>
                  <tr>
                    <td>Threshold</td>
                    <td>{{ setting_to_render.model_threshold }}</td>
                  </tr>
                </tbody>
              </table>
            </div>
          </td>
        </tr>
      {% endif %}
      {% if setting_to_render.rule_packages.all %}
        <tr>
          <td>Rule Packages</td>
          <td>
            <ul class="menu bg-base-200 rounded-box">
              {% for p in setting_to_render.rule_packages.all %}
                <li>
                  <a href="{{ p.url }}" class="hover:bg-base-300"
                    >{{ p.name }}</a
                  >
                </li>
              {% endfor %}
            </ul>
          </td>
        </tr>
      {% endif %}
      <tr>
        <td>Max Nodes</td>
        <td>{{ setting_to_render.max_nodes }}</td>
      </tr>
      <tr>
        <td>Max Depth</td>
        <td>{{ setting_to_render.max_depth }}</td>
      </tr>
      <tr>
        <td>Expansion Scheme</td>
        <td>{{ setting_to_render.expansion_scheme }}</td>
      </tr>

      {% if setting_to_render.property_models.all %}
        <tr>
          {% for prop_model in setting_to_render.property_models.all %}
            <td>Property Models</td>
            <td>
              <div class="space-y-2">
                <table class="table-xs table">
                  <thead>
                    <tr>
                      <th>Property Type</th>
                      <th>Model</th>
                    </tr>
                  </thead>
                  <tbody>
                    <tr>
                      <td>{{ prop_model.instance.display }}</td>
                      <td>
                        <a
                          href="{{ prop_model.url }}"
                          class="link link-primary"
                        >
                          {{ prop_model.name }}
                        </a>
                      </td>
                    </tr>
                  </tbody>
                </table>
              </div>
            </td>
          {% endfor %}
        </tr>
      {% endif %}
    </tbody>
  </table>
</div>