Asset management/add external text field

public/js/pages/AssetManagement/AssetManagement.js

@@ -220,6 +220,7 @@ Vue.component('asset-borrow-return-widget', {
       <div>
         <div v-if="rowData.currentUserId">
           <div><strong>Ausgeliehen von:</strong> {{ rowData.currentUser }}</div>
+          <div v-if="rowData.externalUser" class="text-info"><strong>Extern an:</strong> {{ rowData.externalUser }}</div>
           <div><strong>Baustelle:</strong> {{ rowData.currentSite }}</div>
           <div><strong>Seit:</strong> {{ formatDate(rowData.borrowDate, 'DD.MM.YYYY HH:mm') }}</div>
           <div v-if="rowData.expectedReturnDate">
@@ -274,6 +275,7 @@ Vue.component('asset-borrow-return-widget', {
           <p><strong>Gerät:</strong> {{ rowData.name }}</p>
           <p><strong>Mitarbeiter:</strong> {{ selectedUserName }}</p>
           <tt-input label="Baustelle / Projekt" v-model="borrowSite" sm row required/>
+          <tt-input label="Externer Entleiher (optional)" v-model="externalUser" sm row/>
           <tt-date-picker label="Vorauss. Rückgabedatum" v-model="expectedReturnDate" :date-range="false" sm row/>
           <tt-textarea label="Grund (optional)" v-model="borrowReason" sm row/>
         </tt-modal>
@@ -296,6 +298,7 @@ Vue.component('asset-borrow-return-widget', {
             borrowSite: '',
             borrowReason: '',
             returnReason: '',
+            externalUser: '',
             expectedReturnDate: null,
             reservationWarning: null,
         }
@@ -338,6 +341,7 @@ Vue.component('asset-borrow-return-widget', {
                     userId: this.selectedUserId,
                     site: this.borrowSite,
                     reason: this.borrowReason,
+                    externalUser: this.externalUser,
                     expectedReturnDate: this.expectedReturnDate,
                     force: force
                 };
@@ -589,6 +593,7 @@ Vue.component('asset-management-journal-modal', {
                 <h5 class="mb-1">{{ entry.userName }} @ {{ entry.site }}</h5>
                 <small>{{ formatDate(entry.borrowDate, 'DD.MM.YY HH:mm') }}</small>
               </div>
+              <p v-if="entry.externalUser" class="mb-1"><strong>Extern an:</strong> <span class="text-info">{{ entry.externalUser }}</span></p>
               <p class="mb-1"><strong>Grund:</strong> {{ entry.borrowReason || '-' }}</p>
               <div v-if="entry.returnDate">
                 <small class="text-success">