Implementing exercise 3.2

src/pages/account/loginPage/loginForm.vue

@@ -2,6 +2,7 @@
 import cardView from '@/components/basics/cardView.vue';
 import outlinedButton from '@/components/basics/outlinedButton.vue';
 import { useAccountStore } from '@/stores/account.store';
+import { watch } from 'vue';
 import { useRouter } from 'vue-router';
 
 const accountStore = useAccountStore()
@@ -33,6 +34,7 @@ async function startLogin() {
           variant="outlined"
           clearable
           @keyup.enter="startLogin"
+          id="txt-username"
         />
       </v-col>
     </v-row>
@@ -47,6 +49,7 @@ async function startLogin() {
           v-model="accountStore.loginData.password"
           clearable
           @keyup.enter="startLogin"
+          id="txt-password"
         />
       </v-col>
     </v-row>
@@ -65,6 +68,7 @@ async function startLogin() {
         @click="startLogin"
         :loading="accountStore.fetchInProgress"
         color="green"
+        id="btn-login"
       >
         {{ $t('account.login.login') }}
       </outlined-button>

src/pages/admin/filesAdminPage/index.vue

@@ -16,6 +16,7 @@ filesStore.getStaticFolders()
     :add-button-string="$t('misc.uploadFile')"
     :fetch-in-progress="filesStore.fetchInProgress"
     :on-add-click="() => { filesStore.showFileUploadDialog = true }"
+    :hide-add-button="true" 
   >
     <v-row >
       <v-col cols="2" class="border">
@@ -48,9 +49,28 @@ filesStore.getStaticFolders()
       </v-col>
 
       <v-col class="border">
-        <v-img
-          v-if="filesStore.selectedFile != undefined"
-          :src="filesStore.selectedFile.url" max-height="400" />
+        <v-row>
+          <v-col>
+            {{ filesStore.selectedFile.url }}
+          </v-col>
+        </v-row>
+
+        <v-row>
+          <v-col>
+            <v-textarea
+              v-if="filesStore.selectedFile != undefined && filesStore.selectedFile.name.endsWith('html')"
+              :model-value="filesStore.selectedFile.content"
+              variant="outlined"
+              label="Content"
+              height="300"
+              rows="30"
+            />
+            <v-img
+              v-else-if="filesStore.selectedFile != undefined"
+              :src="filesStore.selectedFile.url" max-height="400"
+            />
+          </v-col>
+        </v-row>
       </v-col>
     </v-row>
   </admin-data-layout>