<commit_before><!-- <ng-include src="'sidebar/sidebar.html'" ng-controller="SidebarController"></ng-include> -->

<div class="our-content">
  <!-- Loading screen -->
  <div class="loader-frame" ng-if="loading">
    <div class="loader1"></div>
    <div class="loader2"></div>
  </div>

  <div ng-if="!isDeleted() && !loading">
    <p class="title has-text-centered">Project has been deleted</p>
  </div>

  <!-- Hide if board has been deleted -->
  <!-- TODO: Changes scope so editMode cant't be found -->
  <span ng-if="isDeleted()">
    <div class="columns">
      <!-- Board title with edit button -->
      <div class="column has-text-centered">
        <input ng-model="board.name" ng-disabled="!edit.title"
               ng-blur="saveTitle()" focus-me="edit.titleFocus"
               class="title is-3 has-text-centered no-box" size="{{board.name.length}}">
        <span ng-click="editTitle()" class="icon is-medium">
            <i class="fa fa-pencil hover-blue"></i>
        </span>
        </input>
        <span class="icon is-medium is-pulled-right"
              ng-if="!loading" ng-click="showDeleteBoardWarning()">
          <i class="fa fa-trash-o hover-red"></i>
        </span>
      </div>
    </div>

    <!--Display the different lists -->
    <div class="columns">
      <div class="column has-text-centered" ng-repeat="list in listsToShow">
        <p class="title is-4 board">
          {{list}}
        </p>
        <div class="card-wrapper">
          <!-- Go through all cards -->
          <span ng-repeat="card in board.cards" class="repeat-project">
            <!-- Only show cards that are assigned to this list -->
            <span ng-if="card.idList==listId(list)">
              <div class="card fixed-height-card">
                <p class="card-header-title">
                  {{card.name}}
                </p>
                <a class="card-header-icon" ng-click="toggleDropdown(card)">
                  <span class="icon">
                    <i class="fa fa-angle-down"></i>
                  </span>
                </a>
                <ul class="sub-menu" ng-show="card.showDropdown" click-outside="closeDropdown(card)">
                  <li><a ng-click="showEditBox(card)">Edit</a></li>
                  <li><a ng-click="showDeleteWarning(card)">Delete</a></li>
                </ul>
              </div>
              <div class="dropdown-content"></div>
            </span>
          </span>
        </div>
        <a ng-click="addCard(list)" class="button addCard">
            <span class="icon is-medium">
              <i class="fa fa-plus-square"></i>
            </span>
        </a>
      </div>
    </div>
  </span>
  <div class="modal is-active" ng-if="showEdit">  <!-- ng-if gets its own scope-->
    <div class="modal-background"></div>
    <div class="modal-card">
      <header class="modal-card-head">
        <p class="modal-card-title fixed-width">{{clickedCard.name}}</p>
        <button ng-click="cancel()" class="delete"></button>
      </header>
      <section class="modal-card-body no-overflow">
        <!-- Content ... -->
        <!-- Name Part -->
        <div class="field">
          <label class="label">Name</label>
          <p class="control">
            <input data-ng-model="clickedCard.name" class="input" type="text"
                   placeholder="Name of the card">
            </input>
          </p>
        </div>
        <!-- Description Part -->
        <div class="field">
          <label class="label">Description</label>
          <p class="control">
            <textarea data-ng-model="clickedCard.desc" class="textarea is-overflow"
                      placeholder="Write the description of the card here">
            </textarea>
          </p>
        </div>
        <!-- Labels part -->
        <div class="field">
          <label class="label">Label</label>
          <p class="control">
            <span class="select">
              <select class="resized" data-ng-model="clickedCard.label">
                <option value="low priority">Low Priority</option>
                <option value="medium priority">Medium Priority</option>
                <option value="high priority">High Priority</option>
              </select>
            </span><commit_msg>Sets the default priority to low. (Should change this to the already selected value if it exists)<commit_after><!-- <ng-include src="'sidebar/sidebar.html'" ng-controller="SidebarController"></ng-include> -->

<div class="our-content">
  <!-- Loading screen -->
  <div class="loader-frame" ng-if="loading">
    <div class="loader1"></div>
    <div class="loader2"></div>
  </div>

  <div ng-if="!isDeleted() && !loading">
    <p class="title has-text-centered">Project has been deleted</p>
  </div>

  <!-- Hide if board has been deleted -->
  <!-- TODO: Changes scope so editMode cant't be found -->
  <span ng-if="isDeleted()">
    <div class="columns">
      <!-- Board title with edit button -->
      <div class="column has-text-centered">
        <input ng-model="board.name" ng-disabled="!edit.title"
               ng-blur="saveTitle()" focus-me="edit.titleFocus"
               class="title is-3 has-text-centered no-box" size="{{board.name.length}}">
        <span ng-click="editTitle()" class="icon is-medium">
            <i class="fa fa-pencil hover-blue"></i>
        </span>
        </input>
        <span class="icon is-medium is-pulled-right"
              ng-if="!loading" ng-click="showDeleteBoardWarning()">
          <i class="fa fa-trash-o hover-red"></i>
        </span>
      </div>
    </div>

    <!--Display the different lists -->
    <div class="columns">
      <div class="column has-text-centered" ng-repeat="list in listsToShow">
        <p class="title is-4 board">
          {{list}}
        </p>
        <div class="card-wrapper">
          <!-- Go through all cards -->
          <span ng-repeat="card in board.cards" class="repeat-project">
            <!-- Only show cards that are assigned to this list -->
            <span ng-if="card.idList==listId(list)">
              <div class="card fixed-height-card">
                <p class="card-header-title">
                  {{card.name}}
                </p>
                <a class="card-header-icon" ng-click="toggleDropdown(card)">
                  <span class="icon">
                    <i class="fa fa-angle-down"></i>
                  </span>
                </a>
                <ul class="sub-menu" ng-show="card.showDropdown" click-outside="closeDropdown(card)">
                  <li><a ng-click="showEditBox(card)">Edit</a></li>
                  <li><a ng-click="showDeleteWarning(card)">Delete</a></li>
                </ul>
              </div>
              <div class="dropdown-content"></div>
            </span>
          </span>
        </div>
        <a ng-click="addCard(list)" class="button addCard">
            <span class="icon is-medium">
              <i class="fa fa-plus-square"></i>
            </span>
        </a>
      </div>
    </div>
  </span>
  <div class="modal is-active" ng-if="showEdit">  <!-- ng-if gets its own scope-->
    <div class="modal-background"></div>
    <div class="modal-card">
      <header class="modal-card-head">
        <p class="modal-card-title fixed-width">{{clickedCard.name}}</p>
        <button ng-click="cancel()" class="delete"></button>
      </header>
      <section class="modal-card-body no-overflow">
        <!-- Content ... -->
        <!-- Name Part -->
        <div class="field">
          <label class="label">Name</label>
          <p class="control">
            <input data-ng-model="clickedCard.name" class="input" type="text"
                   placeholder="Name of the card">
            </input>
          </p>
        </div>
        <!-- Description Part -->
        <div class="field">
          <label class="label">Description</label>
          <p class="control">
            <textarea data-ng-model="clickedCard.desc" class="textarea is-overflow"
                      placeholder="Write the description of the card here">
            </textarea>
          </p>
        </div>
        <!-- Labels part -->
        <div class="field">
          <label class="label">Label</label>
          <p class="control">
            <span class="select">
              <select class="resized" data-ng-model="clickedCard.label">
                <option value="low priority" ng-selected="true">Low Priority</option>
                <option value="medium priority">Medium Priority</option>
                <option value="high priority">High Priority</option>
              </select>
            </span>
{'fraction_non_alphanumeric': 0.17574916117088973, 'fraction_numerical': 0.0009256045354622237, 'mean_word_length': 1.88903743315508, 'pattern_counts': {'":': 0, '<': 249, '<?xml version=': 0, '>': 249, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '2344192', 'n_tokens_mistral': 2505, 'n_tokens_neox': 2411, 'n_words': 548}