<commit_before>﻿<div class="container-fluid">

    <div class="col-md-5">
        <p class="h5">
            IT Kontrakten gælder flg. IT systemer
        </p>
        <table class="table table-condensed table-striped small">
            <thead>
                <tr>
                    <th class="col-md-8">IT System
                    </th>
                    <th class="col-md-3">Applikationstype
                    </th>
                    <th></th>
                </tr>
            </thead>
            <tbody>

                <tr data-ng-repeat="associatedSystemUsage in associatedSystemUsages | filter:{'show':true}">
                    <!-- the system -->
                    <td>
                        <a data-ui-sref="it-system.usage.interfaces({ id: associatedSystemUsage.id })">{{ associatedSystemUsage.itSystemName }}</a>
                    </td>

                    <!-- app type (read only) -->
                    <td>
                        {{ associatedSystemUsage.itSystemAppTypeName }}
                    </td>

                    <td>
                        <div class="pull-right" data-ng-if="hasWriteAccess">
                            <a class="btn btn-danger btn-xs"
                                data-confirmed-click="associatedSystemUsage.delete()"
                                data-confirm-click="Er du sikker på at du vil slette rækken?">
                                <i class="glyphicon glyphicon-trash"></i>
                            </a>
                        </div>
                    </td>
                </tr>


            </tbody>
            <tfoot data-ng-if="hasWriteAccess">
                <!-- new row -->
                <tr>
                    <td colspan="3">
                        <input type="hidden" data-ui-select2="itSystemUsagesSelectOptions"
                               data-ng-model="newAssociatedSystemUsage.selectedSystem" class="form-control input-sm" data-ng-change="newAssociatedSystemUsage.save()"
                            data-placeholder="Vælg IT system">
                    </td>
                </tr>
            </tfoot>


        </table>
    </div>

    <div class="col-md-6 col-md-offset-1">
        <p class="h5">
            IT Kontrakten gælder flg. snitfladerelationer
        </p>
        <table class="table table-condensed table-striped small">
            <thead>
                <tr>
                    <th class="col-md-4">IT System
                    </th>

                    <th class="col-md-4">Relation
                    </th>

                    <th class="col-md-4">Snitflade
                    </th>

                    <th></th>
                </tr>
            </thead>
            <tbody>
                <tr data-ng-repeat="associatedInterface in associatedInterfaces | filter:{'show': true}">
                    <!-- the system -->
                    <td>
                        <a data-ui-sref="it-system.usage.interfaces({ id: associatedInterface.itSystemUsage.id })">{{ associatedInterface.itSystemUsage.itSystemName }}</a>
                    </td>

                    <!-- relation -->
                    <td data-ng-switch="associatedInterface.relation">
                        <span data-ng-switch-when="Exposure">Udstiller</span>
                        <span data-ng-switch-when="Usage">Anvender</span>
                    </td>

                    <!-- interface -->
                    <td>
                        <a data-ui-sref="it-system.edit.interfaces({ id: associatedInterface.interface.id })">{{ associatedInterface.interface.name }}</a>
                    </td>

                    <td>

                        <div class="pull-right" data-ng-if="hasWriteAccess">
                            <a class="btn btn-danger btn-xs"
                                data-confirmed-click="associatedInterface.delete()"
                                data-confirm-click="Er du sikker på at du vil slette rækken?">
                                <i class="glyphicon glyphicon-trash"></i>
                            </a>
                        </div>
                    </td>
                </tr>
            </tbody>
            <tfoot data-ng-if="hasWriteAccess">
                <!-- new row -->
                <tr>
                    <td>
                        <input type="hidden" data-ui-select2="itSystemUsagesSelectOptions" data-ng-model="newAssociatedInterface.selectedSystem" 
                               class="form-control input-sm"
                            data-ng-change="newAssociatedInterface.loadInterfaceList()" data-placeholder="Vælg IT system">
                    </td>

                    <td>
                        <select data-ui-select2="" class="form-control input-sm" data-ng-model="newAssociatedInterface.relation"
                                data-ng-change="newAssociatedInterface.loadInterfaceList()" data-placeholder="Vælg relation">
                            <option value=""></option>
                            <option value="Exposure">Udstiller</option>
                            <option value="Usage">Anvender</option>
                        </select>
                    </td>
                    <td colspan="2">
                        <select data-ui-select2="" class="form-control input-sm" data-ng-model="newAssociatedInterface.interfaceId"
                            data-ng-disabled="!newAssociatedInterface.selectedSystem.id || !newAssociatedInterface.relation"
                            data-placeholder="{{newAssociatedInterface.placeholder}}"
                            data-ng-change="newAssociatedInterface.save()">
                            <option value=""></option>
                            <option data-ng-repeat="usageOrExposure in newAssociatedInterface.usagesOrExposures" 
                                value="{{usageOrExposure.id}}">{{usageOrExposure.interface.name}}</option>
                        </select>
                    </td>
                </tr>
            </tfoot>
        </table>

    </div>
</div><commit_msg>Made systems tab on ItContract prettier.<commit_after>﻿<div class="container-fluid">
    

    <div class="col-md-5">
        <div class="panel panel-default">
                  <div class="panel-heading">
                      IT Kontrakten gælder flg. IT systemer
                  </div>
                  <table class="table table-condensed table-striped small">
                      <thead>
                          <tr>
                              <th class="col-md-8">IT System
                              </th>
                              <th class="col-md-3">Applikationstype
                              </th>
                              <th></th>
                          </tr>
                      </thead>
                      <tbody>

                          <tr data-ng-repeat="associatedSystemUsage in associatedSystemUsages | filter:{'show':true}">
                              <!-- the system -->
                              <td>
                                  <a data-ui-sref="it-system.usage.interfaces({ id: associatedSystemUsage.id })">{{ associatedSystemUsage.itSystemName }}</a>
                              </td>

                              <!-- app type (read only) -->
                              <td>{{ associatedSystemUsage.itSystemAppTypeName }}
                              </td>

                              <td>
                                  <div class="pull-right" data-ng-if="hasWriteAccess">
                                      <a class="btn btn-danger btn-xs"
                                         data-confirmed-click="associatedSystemUsage.delete()"
                                         data-confirm-click="Er du sikker på at du vil slette rækken?">
                                          <i class="glyphicon glyphicon-trash"></i>
                                      </a>
                                  </div>
                              </td>
                          </tr>


                      </tbody>
                      <tfoot data-ng-if="hasWriteAccess">
                          <!-- new row -->
                          <tr>
                              <td colspan="3">
                                  <input type="hidden" data-ui-select2="itSystemUsagesSelectOptions"
                                         data-ng-model="newAssociatedSystemUsage.selectedSystem" class="form-control input-sm" data-ng-change="newAssociatedSystemUsage.save()"
                                         data-placeholder="Vælg IT system">
                              </td>
                          </tr>
                      </tfoot>


                  </table>
              </div>
    </div>

    <div class="col-md-6 col-md-offset-1">
        <div class="panel panel-default">
                  <div class="panel-heading">
                      IT Kontrakten gælder flg. snitfladerelationer
                  </div>
                  <table class="table table-condensed table-striped small">
                      <thead>
                          <tr>
                              <th class="col-md-4">IT System
                              </th>

                              <th class="col-md-4">Relation
                              </th>

                              <th class="col-md-4">Snitflade
                              </th>

                              <th></th>
                          </tr>
                      </thead>
                      <tbody>
                          <tr data-ng-repeat="associatedInterface in associatedInterfaces | filter:{'show': true}">
                              <!-- the system -->
                              <td>
                                  <a data-ui-sref="it-system.usage.interfaces({ id: associatedInterface.itSystemUsage.id })">{{ associatedInterface.itSystemUsage.itSystemName }}</a>
                              </td>

                              <!-- relation -->
                              <td data-ng-switch="associatedInterface.relation">
                                  <span data-ng-switch-when="Exposure">Udstiller</span>
                                  <span data-ng-switch-when="Usage">Anvender</span>
                              </td>

                              <!-- interface -->
                              <td>
                                  <a data-ui-sref="it-system.edit.interfaces({ id: associatedInterface.interface.id })">{{ associatedInterface.interface.name }}</a>
                              </td>

                              <td>

                                  <div class="pull-right" data-ng-if="hasWriteAccess">
                                      <a class="btn btn-danger btn-xs"
                                         data-confirmed-click="associatedInterface.delete()"
                                         data-confirm-click="Er du sikker på at du vil slette rækken?">
                                          <i class="glyphicon glyphicon-trash"></i>
                                      </a>
                                  </div>
                              </td>
                          </tr>
                      </tbody>
                      <tfoot data-ng-if="hasWriteAccess">
                          <!-- new row -->
                          <tr>
                              <td>
                                  <input type="hidden" data-ui-select2="itSystemUsagesSelectOptions" data-ng-model="newAssociatedInterface.selectedSystem" 
                                         class="form-control input-sm"
                                         data-ng-change="newAssociatedInterface.loadInterfaceList()" data-placeholder="Vælg IT system">
                              </td>

                              <td>
                                  <select data-ui-select2="" class="form-control input-sm" data-ng-model="newAssociatedInterface.relation"
                                          data-ng-change="newAssociatedInterface.loadInterfaceList()" data-placeholder="Vælg relation">
                                      <option value=""></option>
                                      <option value="Exposure">Udstiller</option>
                                      <option value="Usage">Anvender</option>
                                  </select>
                              </td>
                              <td colspan="2">
                                  <select data-ui-select2="" class="form-control input-sm" data-ng-model="newAssociatedInterface.interfaceId"
                                          data-ng-disabled="!newAssociatedInterface.selectedSystem.id || !newAssociatedInterface.relation"
                                          data-placeholder="{{newAssociatedInterface.placeholder}}"
                                          data-ng-change="newAssociatedInterface.save()">
                                      <option value=""></option>
                                      <option data-ng-repeat="usageOrExposure in newAssociatedInterface.usagesOrExposures" 
                                              value="{{usageOrExposure.id}}">{{usageOrExposure.interface.name}}</option>
                                  </select>
                              </td>
                          </tr>
                      </tfoot>
                  </table>

              </div>
    </div>
</div>
{'fraction_non_alphanumeric': 0.11264367816091954, 'fraction_numerical': 0.002224694104560623, 'mean_word_length': 0.9446286950252343, 'pattern_counts': {'":': 0, '<': 245, '<?xml version=': 0, '>': 245, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 66, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '361005', 'n_tokens_mistral': 3204, 'n_tokens_neox': 2970, 'n_words': 514}