D-Net

<div id="content">

  <div class="p-grid">

    <div class="p-col-6" id="formLeftPart">

      <div class="p-grid p-align-center" id="accountNoContainer">

        <div class="p-col-6" style="text-align: right;">

          <label for="accountNo">Account No.: </label>

        </div>

        <div class="p-col-6">

          <input [readonly]=true id="accountNo" pInputText type="text" value="{{journal.accountNo}}"/>

        </div>

      </div>

      <div class="p-grid p-align-center" id="accountTypeContainer">

        <div class="p-col-6" style="text-align: right;">

          <label for="accountType">Account Type: </label>

        </div>

        <div class="p-col-6">

          <input [readonly]=true id="accountType" pInputText type="text" value="{{journal.accountType}}"/>

        </div>

      </div>

      <div class="p-grid p-align-center" id="amountContainer">

        <div class="p-col-6" style="text-align: right;">

          <label for="amount">Amount: </label>

        </div>

        <div class="p-col-6">

          <input [readonly]=true id="amount" pInputText type="text" value="{{journal.amount}}"/>

        </div>

      </div>

      <div class="p-grid p-align-center" id="amountLCYContainer">

        <div class="p-col-6" style="text-align: right;">

          <label for="amountLCY">Amount LCY: </label>

        </div>

        <div class="p-col-6">

          <input [readonly]=true id="amountLCY" pInputText type="text" value="{{journal.amountLCY}}"/>

        </div>

      </div>

      <div class="p-grid p-align-center" id="balAccountNoContainer">

        <div class="p-col-6" style="text-align: right;">

          <label for="balAccountNo">Bal. Account No.: </label>

        </div>

        <div class="p-col-6">

          <input [readonly]=true id="balAccountNo" pInputText type="text" value="{{journal.balAccountNo}}"/>

        </div>

      </div>

      <div class="p-grid p-align-center" id="balAccountTypeContainer">

        <div class="p-col-6" style="text-align: right;">

          <label for="balAccountType">Bal.Account Type: </label>

        </div>

        <div class="p-col-6">

          <input [readonly]=true id="balAccountType" pInputText type="text" value="{{journal.balAccountType}}"/>

        </div>

      </div>

      <div class="p-grid p-align-center" id="currencyIDContainer">

        <div class="p-col-6" style="text-align: right;">

          <label for="currencyCode">Currency Code: </label>

        </div>

        <div class="p-col-6">

          <input [readonly]=true id="currencyCode" pInputText type="text" value="{{journal.currencyCode}}"/>

        </div>

      </div>

      <div class="p-grid p-align-center" id="descriptionContainer">

        <div class="p-col-6" style="text-align: right;">

          <label for="description">Description: </label>

        </div>

        <div class="p-col-6">

          <input [readonly]=true id="description" pInputText type="text" value="{{journal.description}}"/>

        </div>

      </div>

      <div class="p-grid p-align-center" id="dmsDocNoContainer">

        <div class="p-col-6" style="text-align: right;">

          <label for="dmsDocNo">DMS Doc. No.: </label>

        </div>

        <div class="p-col-6">

          <input [readonly]=true id="dmsDocNo" pInputText type="text" value="{{journal.dmsCodeNo}}"/>

        </div>

      </div>

      <div class="p-grid p-align-center" id="documentNoContainer">

        <div class="p-col-6" style="text-align: right;">

          <label for="documentNo">Document No.: </label>

        </div>

        <div class="p-col-6">

          <input [readonly]=true id="documentNo" pInputText type="text" value="{{journal.documentNo}}"/>

        </div>

      </div>

      <div class="p-grid p-align-center" id="documentTypeContainer">

        <div class="p-col-6" style="text-align: right;">

          <label for="documentType">Document Type: </label>

        </div>

        <div class="p-col-6">

          <input [readonly]=true id="documentType" pInputText type="text" value="{{journal.documentType}}"/>

        </div>

      </div>

    </div>

    <div class="p-col-6" id="formRightPart">

      <div class="p-grid p-align-center" id="genBusPostingGroupContainer">

        <div class="p-col-6" style="text-align: right;">

          <label for="genBusPostingGroup">Gen.Bus. Posting Group: </label>

        </div>

        <div class="p-col-6">

          <input [readonly]=true id="genBusPostingGroup" pInputText type="text" value="{{journal.genBusPostingGroup}}"/>

        </div>

      </div>

      <div class="p-grid p-align-center" id="genPostingTypeContainer">

        <div class="p-col-6" style="text-align: right;">

          <label for="genPostingType">Gen.Posting Type: </label>

        </div>

        <div class="p-col-6">

          <input [readonly]=true id="genPostingType" pInputText type="text" value="{{journal.genPostingType}}"/>

        </div>

      </div>

      <div class="p-grid p-align-center" id="genProdPostingGroupContainer">

        <div class="p-col-6" style="text-align: right;">

          <label for="genProdPostingGroup">Gen. Prod. Posting Group: </label>

        </div>

        <div class="p-col-6">

          <input [readonly]=true id="genProdPostingGroup" pInputText type="text" value="{{journal.genProdPostingGroup}}"/>

        </div>

      </div>

      <div class="p-grid p-align-center" id="postingDateContainer">

        <div class="p-col-6" style="text-align: right;">

          <label for="postingDate">Posting Date: </label>

        </div>

        <div class="p-col-6">

          <input [readonly]=true id="postingDate" pInputText type="text" value="{{journal.postingDate}}"/>

        </div>

      </div>

      <div class="p-grid p-align-center" id="gitcCodeContainer">

        <div class="p-col-6" style="text-align: right;">

          <label for="gitcCode">GITC Code: </label>

        </div>

        <div class="p-col-6">

          <input [readonly]=true id="gitcCode" pInputText type="text" value="{{journal.shortcutDimension8Code}}"/>

        </div>

      </div>

      <div class="p-grid p-align-center" id="vatAmountContainer">

        <div class="p-col-6" style="text-align: right;">

          <label for="vatAmount">VAT Amount: </label>

        </div>

        <div class="p-col-6">

          <input [readonly]=true id="vatAmount" pInputText type="text" value="{{journal.vatAmount}}"/>

        </div>

      </div>

      <div class="p-grid p-align-center" id="vatBaseAmountContainer">

        <div class="p-col-6" style="text-align: right;">

          <label for="vatBaseAmount">VAT Base Amount: </label>

        </div>

        <div class="p-col-6">

          <input [readonly]=true id="vatBaseAmount" pInputText type="text" value="{{journal.vatBaseAmount}}"/>

        </div>

      </div>

      <div class="p-grid p-align-center" id="vatBusinessContainer">

        <div class="p-col-6" style="text-align: right;">

          <label for="vatBusiness">VAT. Busi. Posting Group: </label>

        </div>

        <div class="p-col-6">

          <input [readonly]=true id="vatBusiness" pInputText type="text" value="{{journal.vatBusPostingGroup}}"/>

        </div>

      </div>

      <div class="p-grid p-align-center" id="vatProductContainer">

        <div class="p-col-6" style="text-align: right;">

          <label for="vatProduct">VAT Prod. Posting Group: </label>

        </div>

        <div class="p-col-6">

          <input [readonly]=true id="vatProduct" pInputText type="text" value="{{journal.vatProdPostingGroup}}"/>

        </div>

      </div>

      <!--      TODO: Account Name-->

<!--      <div class="p-grid p-align-center" id="accountNameContainer">-->

<!--        <div class="p-col-6" style="text-align: right;">-->

<!--          <label for="accountName">Account Name: </label>-->

<!--        </div>-->

<!--        <div class="p-col-6">-->

<!--          <input [readonly]=true id="accountName" pInputText type="text" value="{{journal.vatProdPostingGroup}}"/>-->

<!--        </div>-->

<!--      </div>-->

<!--      <div class="p-grid p-align-center" id="interfaceStatusContainer">-->

<!--        <div class="p-col-6" style="text-align: right;">-->

<!--          <label for="interfaceStatus">InterfaceStatus: </label>-->

<!--        </div>-->

<!--        <div class="p-col-6">-->

<!--          <input [readonly]=true id="interfaceStatus" pInputText type="text"-->

<!--                 value="{{journal.journalEntriesStatus.name}}"/>-->

<!--        </div>-->

<!--      </div>-->

    </div>

  </div>

  <div class="p-grid p-justify-center" id="paginationContainer">

    <div class="p-col-12" style="text-align: center;">

      <p-button (onClick)="goPreviousJournal()"

                [disabled]="journalPageIterator === 0"

                icon="pi pi-step-backward"

                id="previousBtn"

                styleClass="p-button-secondary">

      </p-button>

      <p-button (onClick)="goNextJournal()"

                [disabled]="journalPageIterator === config.data.journalsList.length - 1"

                icon="pi pi-step-forward"

                id="nextBtn"

                styleClass="p-button-secondary">

      </p-button>

    </div>

  </div>

  <div class="p-grid p-justify-center" id="btnContainer">

    <div class="p-col-12" style="text-align: center;">

      <button (click)="closeDialog()" id="backBtn" label="Back" pButton type="button"></button>

      <button (click)="onEdit()" id="editBtn" label="Edit" pButton type="button"></button>

      <button (click)="onPost()" id="postBtn" label="Post" pButton type="button"></button>

    </div>

  </div>

</div>