enviPy-bayer/templates/modals/objects/set_license_modal.html

<div
  class="modal fade"
  tabindex="-1"
  id="set_license_modal"
  role="dialog"
  aria-labelledby="set_license_modal"
  aria-hidden="true"
>
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal">
          <span aria-hidden="true">&times;</span>
          <span class="sr-only">Close</span>
        </button>
        <h3 class="modal-title">Set License</h3>
      </div>

      <div class="modal-body">
        <div class="row">
          <div class="col-md-9">
            <p>
              Set the license for all data in this package:
              <br />
              <br />
              (For more information please visit our
              <a target="#" href="https://wiki.envipath.org/index.php/License"
                >wiki</a
              >.)
            </p>
          </div>
          <div class="col-md-3">
            <div id="ccfig"></div>
          </div>
        </div>
        <form
          id="set_license_form"
          accept-charset="UTF-8"
          action=""
          data-remote="true"
          method="post"
        >
          {% csrf_token %}
          <div class="input-group">
            <div class="radio">
              <label
                ><input
                  type="radio"
                  name="optlicense"
                  onclick="cc()"
                  id="ccradio"
                />Creative commons license</label
              >
            </div>
            <div>
              <div class="checkbox">
                <label
                  ><input
                    type="checkbox"
                    value=""
                    onclick="cc()"
                    id="ccremix"
                    disabled
                  />Allow adaptations of your work to be shared</label
                >
              </div>
              <div class="checkbox">
                <label
                  ><input
                    type="checkbox"
                    value=""
                    onclick="cc()"
                    id="ccnocom"
                    disabled
                  />Prohibit commercial use</label
                >
              </div>
              <div class="checkbox">
                <label
                  ><input
                    type="checkbox"
                    value=""
                    onclick="cc()"
                    id="ccalike"
                    disabled
                  />Share only if others share alike</label
                >
              </div>
            </div>
            <div class="radio">
              <label
                ><input
                  type="radio"
                  name="optlicense"
                  onclick="cc()"
                  id="noccradio"
                />No creative commons license, contact package owner for license
                information</label
              >
            </div>
          </div>
          <input type="hidden" id="license" name="license" />
        </form>
      </div>
      <div class="modal-footer">
        <button id="set_license_form_submit" class="btn btn-primary">
          Submit
        </button>
        <button type="button" class="btn btn-default" data-dismiss="modal">
          Cancel
        </button>
      </div>
    </div>
  </div>
</div>
<script>
  function ccstring(ccremix, ccnocom, ccalike) {
    var ccstring = "by";

    if (ccnocom) {
      ccstring += "-nc";
    }

    if (!ccremix) {
      ccstring += "-nd";
    } else {
      if (ccalike) {
        ccstring += "-sa";
      }
    }
    return ccstring;
  }

  function cc() {
    var nocc = $("#noccradio").prop("checked");
    var iscc = $("#ccradio").prop("checked");

    if (nocc) {
      $("#ccradio").prop("checked", false);
      $("#ccremix").prop("checked", false);
      $("#ccnocom").prop("checked", false);
      $("#ccalike").prop("checked", false);

      $("#ccremix").prop("disabled", true);
      $("#ccnocom").prop("disabled", true);
      $("#ccalike").prop("disabled", true);
    } else if (iscc) {
      $("#ccremix").prop("disabled", false);
      $("#ccnocom").prop("disabled", false);

      if ($("#ccremix").prop("checked")) {
        $("#ccalike").prop("disabled", false);
      } else {
        $("#ccalike").prop("disabled", true);
      }
    }

    var remix = $("#ccremix").prop("checked");
    var nocom = $("#ccnocom").prop("checked");
    var alike = $("#ccalike").prop("checked");

    if (nocc) {
      $("#set_license_form_submit").prop("disabled", false);
      $("#ccfig").empty();
      $("#license").val("no-license");
    } else if (iscc) {
      $("#set_license_form_submit").prop("disabled", false);
      $("#ccfig").empty();
      var ccstr = ccstring(remix, nocom, alike);

      var link = `https://creativecommons.org/licenses/${ccstr}/4.0/`;
      var imageLink = `https://licensebuttons.net/l/${ccstr}/4.0/88x31.png`;

      var img_tpl = `<a href='${link}' target="_blank">
                       <img src='${imageLink}'>
                       </a>`;

      $("#ccfig").append(img_tpl);
      $("#license").val(ccstr);
    } else {
      $("#ccfig").empty();
      $("#set_license_form_submit").prop("disabled", true);
      $("#license").val("no-license");
    }
  }

  $(function () {
    // Disable by default as nothing is selected

    cc();
    $("#set_license_form_submit").prop("disabled", true);

    $("#set_license_form_submit").on("click", function (e) {
      e.preventDefault();
      $("#set_license_form").submit();
    });
  });
</script>