[full-ci] Move language selection to the account page and kill settings app

changelog/unreleased/enhancement-move-language-select-to-account-page

@@ -0,0 +1,6 @@
+Enhancement: Move language selection to user account page
+
+The language selection has been moved from the settings app to the personal account page.
+The settings app has been removed from the default configs because we don't need it currently.
+
+https://github.com/owncloud/web/pull/8294

config/config.json.sample-ocis

@@ -18,12 +18,6 @@
     "external",
     "admin-settings"
   ],
-  "external_apps": [
-    {
-      "id": "settings",
-      "path": "https://localhost:9200/settings.js"
-    }
-  ],
   "options" : {
     "previewFileMimeTypes" : [
       "image/gif",

config/vite_ocis/config.json

@@ -23,10 +23,6 @@
       "config": {
         "mimeTypes": ["image/tiff","image/bmp","image/x-ms-bmp"]
       }
-    },
-    {
-      "id": "settings",
-      "path": "/settings.js"
     }
   ]
 }

dev/docker/ocis.web.config.json

@@ -40,10 +40,6 @@
         "mimeTypes": ["image/tiff","image/bmp","image/x-ms-bmp"]
       }
     },
-    {
-      "id": "settings",
-      "path": "/settings.js"
-    },
     {
       "id": "draw-io",
       "path": "web-app-draw-io",

packages/web-runtime/src/pages/account.vue

@@ -75,26 +75,116 @@
           >
         </dd>
       </div>
+      <div class="account-page-info-language oc-mb oc-width-1-2@s">
+        <dt v-translate class="oc-text-normal oc-text-muted">Language</dt>
+        <dd data-testid="language">
+          <oc-select
+            v-if="languageOptions"
+            :model-value="selectedLanguageOption"
+            :clearable="false"
+            :options="languageOptions"
+            @update:modelValue="updateSelectedLanguage"
+          />
+        </dd>
+      </div>
     </dl>
   </main>
 </template>
 
 <script lang="ts">
 import { mapActions, mapGetters } from 'vuex'
 import EditPasswordModal from '../components/EditPasswordModal.vue'
-import { defineComponent } from 'vue'
-import { useGraphClient } from 'web-pkg/src/composables'
+import { computed, defineComponent, onMounted, unref } from 'vue'
+import { useAccessToken, useGraphClient, useStore } from 'web-pkg/src/composables'
 import { urlJoin } from 'web-client/src/utils'
 import { configurationManager } from 'web-pkg/src/configuration'
+import { useTask } from 'vue-concurrency'
+import axios from 'axios'
+import { v4 as uuidV4 } from 'uuid'
 
 export default defineComponent({
   name: 'Personal',
   components: {
     EditPasswordModal
   },
   setup() {
+    const store = useStore()
+    const accessToken = useAccessToken({ store })
+    const loadLanguagesTask = useTask(function* () {
+      try {
+        const {
+          data: { bundles }
+        } = yield axios.post(
+          '/api/v0/settings/bundles-list',
+          {},
+          {
+            headers: {
+              authorization: `Bearer ${unref(accessToken)}`,
+              'X-Request-ID': uuidV4()
+            }
+          }
+        )
+
+        const accountBundle = bundles.find((b) => b.extension === 'ocis-accounts')
+        return accountBundle.settings.find((s) => s.name === 'language')?.singleChoiceValue.options
+      } catch (e) {
+        console.error(e)
+        return []
+      }
+    }).restartable()
+
+    const accountSettingIdentifier = {
+      extension: 'ocis-accounts',
+      bundle: 'profile',
+      setting: 'language'
+    }
+    const languageSetting = computed(() => {
+      return store.getters.getSettingsValue(accountSettingIdentifier)
+    })
+    const languageOptions = computed(() => {
+      return loadLanguagesTask.last?.value?.map((l) => ({
+        label: l.displayValue,
+        value: l.value.stringValue
+      }))
+    })
+    const selectedLanguageOption = computed(() => {
+      const current = unref(languageSetting).listValue.values[0].stringValue
+      return unref(languageOptions).find((o) => o.value === current)
+    })
+    const updateSelectedLanguage = (option) => {
+      axios.post(
+        '/api/v0/settings/values-save',
+        {
+          value: {
+            ...unref(languageSetting),
+            listValue: { values: [{ stringValue: option.value }] },
+            accountUuid: 'me'
+          }
+        },
+        {
+          headers: {
+            authorization: `Bearer ${unref(accessToken)}`,
+            'X-Request-ID': uuidV4()
+          }
+        }
+      )
+
+      store.commit('SET_SETTINGS_VALUE', {
+        identifier: accountSettingIdentifier,
+        value: {
+          ...unref(languageSetting),
+          listValue: { values: [{ stringValue: option.value }] }
+        }
+      })
+    }
+    onMounted(() => {
+      loadLanguagesTask.perform()
+    })
     return {
-      ...useGraphClient()
+      ...useGraphClient(),
+      languageOptions,
+      selectedLanguageOption,
+      updateSelectedLanguage
     }
   },
   data() {

packages/web-runtime/tests/unit/pages/__snapshots__/account.spec.ts.snap

@@ -23,6 +23,12 @@ exports[`account page account information displays basic user information 1`] =
       <span data-current-language="en" data-msgid="You are not part of any group">You are not part of any group</span>
     </dd>
   </div>
+  <div class="account-page-info-language oc-mb oc-width-1-2@s">
+    <dt class="oc-text-normal oc-text-muted" data-current-language="en" data-msgid="Language">Language</dt>
+    <dd>
+      <!--v-if-->
+    </dd>
+  </div>
 </dl>
 `;