Use nc/dialogs instead of OCP.Toast

Signed-off-by: Georg Ehrke <developer@georgehrke.com>

package.json

@@ -26,6 +26,7 @@
 		"@babel/polyfill": "^7.8.7",
 		"@nextcloud/auth": "^1.2.3",
 		"@nextcloud/axios": "^1.3.2",
+		"@nextcloud/dialogs": "^1.2.2",
 		"@nextcloud/initial-state": "^1.1.2",
 		"@nextcloud/l10n": "^1.2.3",
 		"@nextcloud/router": "^1.0.2",

src/components/Admins.vue

@@ -64,6 +64,7 @@ import Vue from 'vue'
 import ClickOutside from 'vue-click-outside'
 import HttpClient from '@nextcloud/axios'
 import { generateUrl } from '@nextcloud/router'
+import { showError } from '@nextcloud/dialogs'
 import Actions from '@nextcloud/vue/dist/Components/Actions'
 import ActionButton from '@nextcloud/vue/dist/Components/ActionButton'
 import Avatar from '@nextcloud/vue/dist/Components/Avatar'
@@ -99,7 +100,7 @@ export default {
 			Vue.set(this, 'admins', resp.data)
 		} catch (error) {
 			console.error(error)
-			this.$toast('Error loading additional administrator.')
+			showError('Error loading additional administrator.')
 		} finally {
 			this.isLoading = false
 		}
@@ -132,7 +133,7 @@ export default {
 				this.admins.push(response.data)
 			} catch (error) {
 				console.error(error)
-				this.$toast('Error adding new administrator.')
+				showError('Error adding new administrator.')
 			} finally {
 				this.isSavingChanges = false
 				this.isAdding = false
@@ -157,7 +158,7 @@ export default {
 				}
 			} catch (error) {
 				console.error(error)
-				this.$toast('Error deleting new administrator.')
+				showError('Error deleting new administrator.')
 			}
 		},
 	},

src/components/Encryption.vue

@@ -51,6 +51,7 @@ import { generateUrl } from '@nextcloud/router'
 import Actions from '@nextcloud/vue/dist/Components/Actions'
 import ActionButton from '@nextcloud/vue/dist/Components/ActionButton'
 import { loadState } from '@nextcloud/initial-state'
+import { showError } from '@nextcloud/dialogs'
 
 export default {
 	name: 'Encryption',
@@ -123,7 +124,7 @@ export default {
 				await HttpClient.post(url, { enabled: this.fullDiskEncryptionEnabled ? '1' : '0' })
 			} catch (error) {
 				console.error(error)
-				this.$toast('Error saving new state of full-disk-encryption')
+				showError('Error saving new state of full-disk-encryption')
 
 				// Reset state
 				this.fullDiskEncryptionEnabled = !this.fullDiskEncryptionEnabled

src/components/Location.vue

@@ -52,6 +52,7 @@ import Multiselect from '@nextcloud/vue/dist/Components/Multiselect'
 import Actions from '@nextcloud/vue/dist/Components/Actions'
 import ActionButton from '@nextcloud/vue/dist/Components/ActionButton'
 import { loadState } from '@nextcloud/initial-state'
+import { showError } from '@nextcloud/dialogs'
 
 import {
 	getCountryList,
@@ -136,7 +137,7 @@ export default {
 				this.selectedCountry = value.code
 			} catch (error) {
 				console.error(error)
-				this.$toast('Error saving new location of the server')
+				showError('Error saving new location of the server')
 			} finally {
 				this.isEditingLocation = false
 				this.isSavingChanges = false

src/components/Shares.vue

@@ -39,6 +39,7 @@ import Vue from 'vue'
 import HttpClient from '@nextcloud/axios'
 import { generateOcsUrl } from '@nextcloud/router'
 import { getCurrentUser } from '@nextcloud/auth'
+import { showError } from '@nextcloud/dialogs'
 import Avatar from '@nextcloud/vue/dist/Components/Avatar'
 
 export default {
@@ -92,7 +93,7 @@ export default {
 			})
 		} catch (error) {
 			console.error(error)
-			this.$toast('Error loading information about shares.')
+			showError('Error loading information about shares.')
 		} finally {
 			this.isLoading = false
 		}

src/main.js

@@ -22,6 +22,7 @@ import 'core-js/stable'
 import Vue from 'vue'
 import { linkTo } from '@nextcloud/router'
 import { translate, translatePlural } from '@nextcloud/l10n'
+import { getRequestToken } from '@nextcloud/auth'
 
 const Admins = () => import('./components/Admins.vue')
 const Location = () => import('./components/Location.vue')
@@ -30,7 +31,7 @@ const Shares = () => import('./components/Shares.vue')
 
 // CSP config for webpack dynamic chunk loading
 // eslint-disable-next-line
-__webpack_nonce__ = btoa(OC.requestToken)
+__webpack_nonce__ = btoa(getRequestToken())
 
 // Correct the root of the app for chunk loading
 // OC.linkTo matches the apps folders