opensourcemirror
/
nextcloud-contacts
mirror of https://github.com/nextcloud/contacts.git
1
0
Fork 0
Code Issues Releases Wiki Activity

perf(bundles): migrate nc-vue imports 

Signed-off-by: Richard Steinmetz <richard@steinmetz.cloud>
This commit is contained in:
Richard Steinmetz 2023-04-28 15:10:07 +02:00
parent 5a5df19877
commit 69a29d9203
No known key found for this signature in database
GPG Key ID: 27137D9E7D273FB2
46 changed files with 169 additions and 113 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
jest.config.js
View File

@ -1,4 +1,6 @@
const esModules = ['p-limit', 'yocto-queue', 'vue-material-design-icons'].join('|')
const esModules = [
'p-limit',
].join('|')
module.exports = {
preset: 'ts-jest',
@ -15,6 +17,7 @@ module.exports = {
'^.+\\.ts$': 'ts-jest',
'^.+\\.js$': 'babel-jest',
'^.+\\.vue$': '@vue/vue2-jest',
'^.+\\.(css|styl|less|sass|scss|jpg|jpeg|png|svg|gif|eot|otf|webp|ttf|woff|woff2|mp4|webm|wav|mp3|m4a|aac|oga|avif)$': 'jest-transform-stub',
},
transformIgnorePatterns: [`/node_modules/(?!${esModules})`],
transformIgnorePatterns: [`/node_modules/(?!${esModules})/.+\\.js$`],
}

13
package-lock.json generated
View File

@ -63,6 +63,7 @@
"eslint-import-resolver-typescript": "^3.5.5",
"jest": "^29.5.0",
"jest-environment-jsdom": "^29.5.0",
"jest-transform-stub": "^2.0.0",
"stylelint": "^14.16.1",
"stylelint-config-recommended-scss": "^7.0.0",
"ts-jest": "^29.1.0",
@ -11560,6 +11561,12 @@
"node": ">=8"
}
},
"node_modules/jest-transform-stub": {
"version": "2.0.0",
"resolved": "https://registry.npmjs.org/jest-transform-stub/-/jest-transform-stub-2.0.0.tgz",
"integrity": "sha512-lspHaCRx/mBbnm3h4uMMS3R5aZzMwyNpNIJLXj4cEsV0mIUtS4IjYJLSoyjRCtnxb6RIGJ4NL2quZzfIeNhbkg==",
"dev": true
},
"node_modules/jest-util": {
"version": "29.5.0",
"resolved": "https://registry.npmjs.org/jest-util/-/jest-util-29.5.0.tgz",
@ -26327,6 +26334,12 @@
}
}
},
"jest-transform-stub": {
"version": "2.0.0",
"resolved": "https://registry.npmjs.org/jest-transform-stub/-/jest-transform-stub-2.0.0.tgz",
"integrity": "sha512-lspHaCRx/mBbnm3h4uMMS3R5aZzMwyNpNIJLXj4cEsV0mIUtS4IjYJLSoyjRCtnxb6RIGJ4NL2quZzfIeNhbkg==",
"dev": true
},
"jest-util": {
"version": "29.5.0",
"resolved": "https://registry.npmjs.org/jest-util/-/jest-util-29.5.0.tgz",

1
package.json
View File

@ -94,6 +94,7 @@
"eslint-import-resolver-typescript": "^3.5.5",
"jest": "^29.5.0",
"jest-environment-jsdom": "^29.5.0",
"jest-transform-stub": "^2.0.0",
"stylelint": "^14.16.1",
"stylelint-config-recommended-scss": "^7.0.0",
"ts-jest": "^29.1.0",

2
src/components/Actions/ActionCopyNtoFN.vue
View File

@ -29,7 +29,7 @@
</ActionButton>
</template>
<script>
import ActionButton from '@nextcloud/vue/dist/Components/NcActionButton.js'
import { NcActionButton as ActionButton } from '@nextcloud/vue'
import ActionsMixin from '../../mixins/ActionsMixin.js'
import IconCopy from 'vue-material-design-icons/ContentCopy.vue'

2
src/components/Actions/ActionToggleYear.vue
View File

@ -28,7 +28,7 @@
</ActionCheckbox>
</template>
<script>
import ActionCheckbox from '@nextcloud/vue/dist/Components/NcActionCheckbox.js'
import { NcActionCheckbox as ActionCheckbox } from '@nextcloud/vue'
import ActionsMixin from '../../mixins/ActionsMixin.js'
export default {

2
src/components/AppContent/ChartContent.vue
View File

@ -5,7 +5,7 @@
</template>
<script>
import AppContent from '@nextcloud/vue/dist/Components/NcAppContent.js'
import { NcAppContent as AppContent } from '@nextcloud/vue'
import OrgChart from '../OrgChart.vue'
import { getChart, transformNode } from '../../utils/chartUtils.js'

10
src/components/AppContent/CircleContent.vue
View File

@ -67,10 +67,12 @@
</template>
<script>
import { showError } from '@nextcloud/dialogs'
import AppContent from '@nextcloud/vue/dist/Components/NcAppContent.js'
import EmptyContent from '@nextcloud/vue/dist/Components/NcEmptyContent.js'
import IconLoading from '@nextcloud/vue/dist/Components/NcLoadingIcon.js'
import isMobile from '@nextcloud/vue/dist/Mixins/isMobile.js'
import {
NcAppContent as AppContent,
NcEmptyContent as EmptyContent,
NcLoadingIcon as IconLoading,
isMobile,
} from '@nextcloud/vue'
import IconCircles from '../Icons/IconCircles.vue'
import CircleDetails from '../CircleDetails.vue'
import MemberList from '../MemberList.vue'

10
src/components/AppContent/ContactsContent.vue
View File

@ -72,10 +72,12 @@
</template>
<script>
import { emit } from '@nextcloud/event-bus'
import AppContent from '@nextcloud/vue/dist/Components/NcAppContent.js'
import Button from '@nextcloud/vue/dist/Components/NcButton.js'
import EmptyContent from '@nextcloud/vue/dist/Components/NcEmptyContent.js'
import IconLoading from '@nextcloud/vue/dist/Components/NcLoadingIcon.js'
import {
NcAppContent as AppContent,
NcButton as Button,
NcEmptyContent as EmptyContent,
NcLoadingIcon as IconLoading,
} from '@nextcloud/vue'
import ContactDetails from '../ContactDetails.vue'
import ContactsList from '../ContactsList.vue'

14
src/components/AppNavigation/CircleNavigationItem.vue
View File

@ -90,12 +90,14 @@
</template>
<script>
import ActionButton from '@nextcloud/vue/dist/Components/NcActionButton.js'
import ActionLink from '@nextcloud/vue/dist/Components/NcActionLink.js'
import ActionText from '@nextcloud/vue/dist/Components/NcActionText.js'
import NcCounterBubble from '@nextcloud/vue/dist/Components/NcCounterBubble.js'
import AppNavigationItem from '@nextcloud/vue/dist/Components/NcAppNavigationItem.js'
import IconLoading from '@nextcloud/vue/dist/Components/NcLoadingIcon.js'
import {
NcActionButton as ActionButton,
NcActionLink as ActionLink,
NcActionText as ActionText,
NcCounterBubble,
NcAppNavigationItem as AppNavigationItem,
NcLoadingIcon as IconLoading,
} from '@nextcloud/vue'
import ExitToApp from 'vue-material-design-icons/ExitToApp.vue'
import IconAdd from 'vue-material-design-icons/Plus.vue'
import IconDelete from 'vue-material-design-icons/Delete.vue'

3
src/components/AppNavigation/ContactsSettings.vue
View File

@ -66,9 +66,8 @@ import SettingsAddressbook from './Settings/SettingsAddressbook.vue'
import SettingsNewAddressbook from './Settings/SettingsNewAddressbook.vue'
import SettingsImportContacts from './Settings/SettingsImportContacts.vue'
import SettingsSortContacts from './Settings/SettingsSortContacts.vue'
import CheckboxRadioSwitch from '@nextcloud/vue/dist/Components/NcCheckboxRadioSwitch.js'
import { NcCheckboxRadioSwitch as CheckboxRadioSwitch, NcAppSettingsDialog as AppSettingsDialog, NcAppSettingsSection as AppSettingsSection } from '@nextcloud/vue'
import { CONTACTS_SETTINGS } from '../../models/constants.ts'
import { NcAppSettingsDialog as AppSettingsDialog, NcAppSettingsSection as AppSettingsSection } from '@nextcloud/vue'
export default {
name: 'ContactsSettings',

8
src/components/AppNavigation/GroupNavigationItem.vue
View File

@ -68,9 +68,11 @@ import { emit } from '@nextcloud/event-bus'
import download from 'downloadjs'
import moment from 'moment'
import ActionButton from '@nextcloud/vue/dist/Components/NcActionButton.js'
import NcCounterBubble from '@nextcloud/vue/dist/Components/NcCounterBubble.js'
import AppNavigationItem from '@nextcloud/vue/dist/Components/NcAppNavigationItem.js'
import {
NcActionButton as ActionButton,
NcCounterBubble,
NcAppNavigationItem as AppNavigationItem,
} from '@nextcloud/vue'
import IconContact from 'vue-material-design-icons/AccountMultiple.vue'
import IconAdd from 'vue-material-design-icons/Plus.vue'
import IconDownload from 'vue-material-design-icons/Download.vue'

20
src/components/AppNavigation/RootNavigation.vue
View File

@ -191,15 +191,17 @@
<script>
import { GROUP_ALL_CONTACTS, CHART_ALL_CONTACTS, GROUP_NO_GROUP_CONTACTS, GROUP_RECENTLY_CONTACTED, ELLIPSIS_COUNT, CIRCLE_DESC, CONTACTS_SETTINGS } from '../../models/constants.ts'
import ActionInput from '@nextcloud/vue/dist/Components/NcActionInput.js'
import ActionText from '@nextcloud/vue/dist/Components/NcActionText.js'
import NcActionButton from '@nextcloud/vue/dist/Components/NcActionButton.js'
import AppNavigation from '@nextcloud/vue/dist/Components/NcAppNavigation.js'
import Button from '@nextcloud/vue/dist/Components/NcButton.js'
import NcCounterBubble from '@nextcloud/vue/dist/Components/NcCounterBubble.js'
import AppNavigationItem from '@nextcloud/vue/dist/Components/NcAppNavigationItem.js'
import AppNavigationCaption from '@nextcloud/vue/dist/Components/NcAppNavigationCaption.js'
import IconLoading from '@nextcloud/vue/dist/Components/NcLoadingIcon.js'
import {
NcActionInput as ActionInput,
NcActionText as ActionText,
NcActionButton,
NcAppNavigation as AppNavigation,
NcButton as Button,
NcCounterBubble,
NcAppNavigationItem as AppNavigationItem,
NcAppNavigationCaption as AppNavigationCaption,
NcLoadingIcon as IconLoading,
} from '@nextcloud/vue'
import naturalCompare from 'string-natural-compare'

16
src/components/AppNavigation/Settings/SettingsAddressbook.vue
View File

@ -111,13 +111,15 @@
</template>
<script>
import Actions from '@nextcloud/vue/dist/Components/NcActions.js'
import ActionLink from '@nextcloud/vue/dist/Components/NcActionLink.js'
import ActionButton from '@nextcloud/vue/dist/Components/NcActionButton.js'
import ActionInput from '@nextcloud/vue/dist/Components/NcActionInput.js'
import ActionCheckbox from '@nextcloud/vue/dist/Components/NcActionCheckbox.js'
import IconLoading from '@nextcloud/vue/dist/Components/NcLoadingIcon.js'
import Button from '@nextcloud/vue/dist/Components/NcButton.js'
import {
NcActions as Actions,
NcActionLink as ActionLink,
NcActionButton as ActionButton,
NcActionInput as ActionInput,
NcActionCheckbox as ActionCheckbox,
NcLoadingIcon as IconLoading,
NcButton as Button,
} from '@nextcloud/vue'
import IconDownload from 'vue-material-design-icons/Download.vue'
import IconRename from 'vue-material-design-icons/Pencil.vue'
import IconDelete from 'vue-material-design-icons/Delete.vue'

2
src/components/AppNavigation/Settings/SettingsAddressbookShare.vue
View File

@ -47,7 +47,7 @@
</template>
<script>
import Multiselect from '@nextcloud/vue/dist/Components/NcMultiselect.js'
import { NcMultiselect as Multiselect } from '@nextcloud/vue'
import client from '../../../services/cdav.js'
import addressBookSharee from './SettingsAddressbookSharee.vue'

6
src/components/AppNavigation/Settings/SettingsAddressbookSharee.vue
View File

@ -58,8 +58,10 @@ import { showError } from '@nextcloud/dialogs'
import IconDelete from 'vue-material-design-icons/Delete.vue'
import IconGroup from 'vue-material-design-icons/AccountMultiple.vue'
import IconUser from 'vue-material-design-icons/Account.vue'
import Button from '@nextcloud/vue/dist/Components/NcButton.js'
import IconLoading from '@nextcloud/vue/dist/Components/NcLoadingIcon.js'
import {
NcButton as Button,
NcLoadingIcon as IconLoading,
} from '@nextcloud/vue'
export default {
name: 'SettingsAddressbookSharee',

10
src/components/AppNavigation/Settings/SettingsImportContacts.vue
View File

@ -92,10 +92,12 @@
</template>
<script>
import Button from '@nextcloud/vue/dist/Components/NcButton.js'
import Modal from '@nextcloud/vue/dist/Components/NcModal.js'
import Multiselect from '@nextcloud/vue/dist/Components/NcMultiselect.js'
import IconLoading from '@nextcloud/vue/dist/Components/NcLoadingIcon.js'
import {
NcButton as Button,
NcModal as Modal,
NcMultiselect as Multiselect,
NcLoadingIcon as IconLoading,
} from '@nextcloud/vue'
import { encodePath } from '@nextcloud/paths'
import { getCurrentUser } from '@nextcloud/auth'
import { generateRemoteUrl } from '@nextcloud/router'

2
src/components/AppNavigation/Settings/SettingsSortContacts.vue
View File

@ -36,7 +36,7 @@
</template>
<script>
import Multiselect from '@nextcloud/vue/dist/Components/NcMultiselect.js'
import { NcMultiselect as Multiselect } from '@nextcloud/vue'
import IconList from 'vue-material-design-icons/FormatListBulletedSquare.vue'
export default {

2
src/components/ChartTemplate.vue
View File

@ -37,7 +37,7 @@
</template>
<script>
import Avatar from '@nextcloud/vue/dist/Components/NcAvatar.js'
import { NcAvatar as Avatar } from '@nextcloud/vue'
export default {
name: 'ChartTemplate',

10
src/components/CircleDetails.vue
View File

@ -126,10 +126,12 @@
import { showError } from '@nextcloud/dialogs'
import debounce from 'debounce'
import AppContentDetails from '@nextcloud/vue/dist/Components/NcAppContentDetails.js'
import Avatar from '@nextcloud/vue/dist/Components/NcAvatar.js'
import Button from '@nextcloud/vue/dist/Components/NcButton.js'
import RichContenteditable from '@nextcloud/vue/dist/Components/NcRichContenteditable.js'
import {
NcAppContentDetails as AppContentDetails,
NcAvatar as Avatar,
NcButton as Button,
NcRichContenteditable as RichContenteditable,
} from '@nextcloud/vue'
import Login from 'vue-material-design-icons/Login.vue'
import Logout from 'vue-material-design-icons/Logout.vue'

2
src/components/CircleDetails/CircleConfigs.vue
View File

@ -43,7 +43,7 @@
</template>
<script>
import CheckboxRadioSwitch from '@nextcloud/vue/dist/Components/NcCheckboxRadioSwitch.js'
import { NcCheckboxRadioSwitch as CheckboxRadioSwitch } from '@nextcloud/vue'
import ContentHeading from './ContentHeading.vue'
import { PUBLIC_CIRCLE_CONFIG } from '../../models/constants.ts'

6
src/components/CircleDetails/CirclePasswordSettings.vue
View File

@ -75,8 +75,10 @@
<script>
import ContentHeading from './ContentHeading.vue'
import CheckboxRadioSwitch from '@nextcloud/vue/dist/Components/NcCheckboxRadioSwitch.js'
import Button from '@nextcloud/vue/dist/Components/NcButton.js'
import {
NcCheckboxRadioSwitch as CheckboxRadioSwitch,
NcButton as Button,
} from '@nextcloud/vue'
// Circle setting keys
const ENFORCE_PASSWORD_PROTECTION = 'enforce_password'

19
src/components/ContactDetails.vue
View File

@ -277,16 +277,17 @@ import { showError } from '@nextcloud/dialogs'
import { stringify } from 'ical.js'
import qr from 'qr-image'
import Vue from 'vue'
import ActionButton from '@nextcloud/vue/dist/Components/NcActionButton.js'
import ActionLink from '@nextcloud/vue/dist/Components/NcActionLink.js'
import AppContentDetails from '@nextcloud/vue/dist/Components/NcAppContentDetails.js'
import EmptyContent from '@nextcloud/vue/dist/Components/NcEmptyContent.js'
import {
NcActionButton as ActionButton,
NcActionLink as ActionLink,
NcAppContentDetails as AppContentDetails,
NcEmptyContent as EmptyContent,
NcModal as Modal,
NcMultiselect as Multiselect,
NcLoadingIcon as IconLoading,
NcButton,
} from '@nextcloud/vue'
import IconContact from 'vue-material-design-icons/AccountMultiple.vue'
import Modal from '@nextcloud/vue/dist/Components/NcModal.js'
import Multiselect from '@nextcloud/vue/dist/Components/NcMultiselect.js'
import IconLoading from '@nextcloud/vue/dist/Components/NcLoadingIcon.js'
import NcButton from '@nextcloud/vue/dist/Components/NcButton.js'
import IconDownload from 'vue-material-design-icons/Download.vue'
import IconDelete from 'vue-material-design-icons/Delete.vue'
import IconQr from 'vue-material-design-icons/Qrcode.vue'

14
src/components/ContactDetails/ContactDetailsAvatar.vue
View File

@ -110,19 +110,21 @@
</template>
<script>
import Avatar from '@nextcloud/vue/dist/Components/NcAvatar.js'
import Actions from '@nextcloud/vue/dist/Components/NcActions.js'
import ActionButton from '@nextcloud/vue/dist/Components/NcActionButton.js'
import ActionLink from '@nextcloud/vue/dist/Components/NcActionLink.js'
import {
NcAvatar as Avatar,
NcActions as Actions,
NcActionButton as ActionButton,
NcActionLink as ActionLink,
NcButton,
NcModal,
} from '@nextcloud/vue'
import IconDownload from 'vue-material-design-icons/Download.vue'
import IconCloudDownload from 'vue-material-design-icons/CloudDownload.vue'
import IconDelete from 'vue-material-design-icons/Delete.vue'
import IconUpload from 'vue-material-design-icons/Upload.vue'
import IconFolder from 'vue-material-design-icons/Folder.vue'
import IconImage from 'vue-material-design-icons/Image.vue'
import NcButton from '@nextcloud/vue/dist/Components/NcButton.js'
import VueCropper from 'vue-cropperjs'
import NcModal from '@nextcloud/vue/dist/Components/NcModal.js'
// eslint-disable-next-line n/no-extraneous-import
import 'cropperjs/dist/cropper.css'

2
src/components/ContactsList.vue
View File

@ -37,7 +37,7 @@
</template>
<script>
import AppContentList from '@nextcloud/vue/dist/Components/NcAppContentList.js'
import { NcAppContentList as AppContentList } from '@nextcloud/vue'
import ContactsListItem from './ContactsList/ContactsListItem.vue'
import VirtualList from 'vue-virtual-scroll-list'

6
src/components/ContactsList/ContactsListItem.vue
View File

@ -22,8 +22,10 @@
</template>
<script>
import { NcListItem as ListItem } from '@nextcloud/vue'
import BaseAvatar from '@nextcloud/vue/dist/Components/NcAvatar.js'
import {
NcListItem as ListItem,
NcAvatar as BaseAvatar,
} from '@nextcloud/vue'
export default {
name: 'ContactsListItem',

2
src/components/DetailsHeader.vue
View File

@ -56,7 +56,7 @@
</template>
<script>
import Actions from '@nextcloud/vue/dist/Components/NcActions.js'
import { NcActions as Actions } from '@nextcloud/vue'
export default {
name: 'DetailsHeader',

2
src/components/EntityPicker/ContactsPicker.vue
View File

@ -20,7 +20,7 @@
import { subscribe } from '@nextcloud/event-bus'
import pLimit from 'p-limit'
import Modal from '@nextcloud/vue/dist/Components/NcModal.js'
import { NcModal as Modal } from '@nextcloud/vue'
import AddToGroupView from '../../views/Processing/AddToGroupView.vue'
import appendContactToGroup from '../../services/appendContactToGroup.js'

2
src/components/EntityPicker/EntityBubble.vue
View File

@ -35,7 +35,7 @@
</template>
<script>
import UserBubble from '@nextcloud/vue/dist/Components/NcUserBubble.js'
import { NcUserBubble as UserBubble } from '@nextcloud/vue'
export default {
name: 'EntityBubble',

9
src/components/EntityPicker/EntityPicker.vue
View File

@ -96,11 +96,12 @@
<script>
import debounce from 'debounce'
import VirtualList from 'vue-virtual-scroll-list'
import EmptyContent from '@nextcloud/vue/dist/Components/NcEmptyContent.js'
import IconLoading from '@nextcloud/vue/dist/Components/NcLoadingIcon.js'
import {
NcEmptyContent as EmptyContent,
NcLoadingIcon as IconLoading,
NcModal as Modal,
} from '@nextcloud/vue'
import IconSearch from 'vue-material-design-icons/Magnify.vue'
import Modal from '@nextcloud/vue/dist/Components/NcModal.js'
import EntityBubble from './EntityBubble.vue'
import EntitySearchResult from './EntitySearchResult.vue'

2
src/components/EntityPicker/EntitySearchResult.vue
View File

@ -40,7 +40,7 @@
</template>
<script>
import UserBubble from '@nextcloud/vue/dist/Components/NcUserBubble.js'
import { NcUserBubble as UserBubble } from '@nextcloud/vue'
export default {
name: 'EntitySearchResult',

6
src/components/EntityPicker/NewCircleIntro.vue
View File

@ -79,8 +79,10 @@
<script>
import { getCapabilities } from '@nextcloud/capabilities'
import CheckboxRadioSwitch from '@nextcloud/vue/dist/Components/NcCheckboxRadioSwitch.js'
import Modal from '@nextcloud/vue/dist/Components/NcModal.js'
import {
NcCheckboxRadioSwitch as CheckboxRadioSwitch,
NcModal as Modal,
} from '@nextcloud/vue'
import { CIRCLE_DESC } from '../../models/constants.ts'

12
src/components/MemberList.vue
View File

@ -85,11 +85,13 @@
</template>
<script>
import AppContentList from '@nextcloud/vue/dist/Components/NcAppContentList.js'
import Button from '@nextcloud/vue/dist/Components/NcButton.js'
import EmptyContent from '@nextcloud/vue/dist/Components/NcEmptyContent.js'
import IconLoading from '@nextcloud/vue/dist/Components/NcLoadingIcon.js'
import isMobile from '@nextcloud/vue/dist/Mixins/isMobile.js'
import {
NcAppContentList as AppContentList,
NcButton as Button,
NcEmptyContent as EmptyContent,
NcLoadingIcon as IconLoading,
isMobile,
} from '@nextcloud/vue'
import VirtualList from 'vue-virtual-scroll-list'
import MembersListItem from './MembersList/MembersListItem.vue'

12
src/components/MembersList/MembersListItem.vue
View File

@ -100,11 +100,13 @@
<script>
import { CIRCLES_MEMBER_LEVELS, MemberLevels, MemberStatus } from '../../models/constants.ts'
import Actions from '@nextcloud/vue/dist/Components/NcActions.js'
import ListItemIcon from '@nextcloud/vue/dist/Components/NcListItemIcon.js'
import ActionSeparator from '@nextcloud/vue/dist/Components/NcActionSeparator.js'
import ActionButton from '@nextcloud/vue/dist/Components/NcActionButton.js'
import ActionText from '@nextcloud/vue/dist/Components/NcActionText.js'
import {
NcActions as Actions,
NcListItemIcon as ListItemIcon,
NcActionSeparator as ActionSeparator,
NcActionButton as ActionButton,
NcActionText as ActionText,
} from '@nextcloud/vue'
import IconDelete from 'vue-material-design-icons/Delete.vue'
import IconCheck from 'vue-material-design-icons/Check.vue'
import IconClose from 'vue-material-design-icons/Close.vue'

2
src/components/OrgChart.vue
View File

@ -23,7 +23,7 @@
import * as d3 from 'd3'
import ChartTemplate from './ChartTemplate.vue'
import { getLocale } from '@nextcloud/l10n'
import Multiselect from '@nextcloud/vue/dist/Components/NcMultiselect.js'
import { NcMultiselect as Multiselect } from '@nextcloud/vue'
import { OrgChart } from 'd3-org-chart'
import router from './../router/index.js'
import Vue from 'vue'

2
src/components/ProcessingScreen.vue
View File

@ -14,7 +14,7 @@
</template>
<script>
import EmptyContent from '@nextcloud/vue/dist/Components/NcEmptyContent.js'
import { NcEmptyContent as EmptyContent } from '@nextcloud/vue'
import IconContact from 'vue-material-design-icons/AccountMultiple.vue'
export default {
name: 'ProcessingScreen',

6
src/components/Properties/PropertyActions.vue
View File

@ -37,8 +37,10 @@
</template>
<script>
import Actions from '@nextcloud/vue/dist/Components/NcActions.js'
import ActionButton from '@nextcloud/vue/dist/Components/NcActionButton.js'
import {
NcActions as Actions,
NcActionButton as ActionButton,
} from '@nextcloud/vue'
import IconDelete from 'vue-material-design-icons/Delete.vue'
export default {

6
src/components/Properties/PropertyDateTime.vue
View File

@ -88,8 +88,10 @@
<script>
import debounce from 'debounce'
import moment from 'moment'
import DatetimePicker from '@nextcloud/vue/dist/Components/NcDatetimePicker.js'
import Multiselect from '@nextcloud/vue/dist/Components/NcMultiselect.js'
import {
NcDatetimePicker as DatetimePicker,
NcMultiselect as Multiselect,
} from '@nextcloud/vue'
import { getLocale } from '@nextcloud/l10n'
import { VCardTime } from 'ical.js'

2
src/components/Properties/PropertyGroups.vue
View File

@ -65,7 +65,7 @@
<script>
import debounce from 'debounce'
import Multiselect from '@nextcloud/vue/dist/Components/NcMultiselect.js'
import { NcMultiselect as Multiselect } from '@nextcloud/vue'
import Contact from '../../models/contact.js'
import PropertyTitle from './PropertyTitle.vue'
import naturalCompare from 'string-natural-compare'

2
src/components/Properties/PropertyMultipleText.vue
View File

@ -127,7 +127,7 @@
</template>
<script>
import Multiselect from '@nextcloud/vue/dist/Components/NcMultiselect.js'
import { NcMultiselect as Multiselect } from '@nextcloud/vue'
import PropertyMixin from '../../mixins/PropertyMixin.js'
import PropertyTitle from './PropertyTitle.vue'
import PropertyActions from './PropertyActions.vue'

2
src/components/Properties/PropertySelect.vue
View File

@ -67,7 +67,7 @@
</template>
<script>
import Multiselect from '@nextcloud/vue/dist/Components/NcMultiselect.js'
import { NcMultiselect as Multiselect } from '@nextcloud/vue'
import PropertyMixin from '../../mixins/PropertyMixin.js'
import PropertyTitle from './PropertyTitle.vue'
import PropertyActions from './PropertyActions.vue'

2
src/components/Properties/PropertyText.vue
View File

@ -106,7 +106,7 @@
</template>
<script>
import Multiselect from '@nextcloud/vue/dist/Components/NcMultiselect.js'
import { NcMultiselect as Multiselect } from '@nextcloud/vue'
import debounce from 'debounce'
import PropertyMixin from '../../mixins/PropertyMixin.js'
import PropertyTitle from './PropertyTitle.vue'

6
src/components/Properties/PropertyTitle.vue
View File

@ -48,8 +48,10 @@
<script>
import PropertyTitleIcon from './PropertyTitleIcon.vue'
import ActionButton from '@nextcloud/vue/dist/Components/NcActionButton.js'
import Actions from '@nextcloud/vue/dist/Components/NcActions.js'
import {
NcActionButton as ActionButton,
NcActions as Actions,
} from '@nextcloud/vue'
import IconPlus from 'vue-material-design-icons/Plus.vue'
export default {
name: 'PropertyTitle',

2
src/main.js
View File

@ -32,7 +32,7 @@ import logger from './services/logger.js'
/** GLOBAL COMPONENTS AND DIRECTIVE */
import ClickOutside from 'vue-click-outside'
import VTooltip from '@nextcloud/vue/dist/Directives/Tooltip.js'
import { Tooltip as VTooltip } from '@nextcloud/vue'
// Global scss sheets
import '../css/contacts.scss'

10
src/views/Contacts.vue
View File

@ -70,10 +70,12 @@
<script>
import { GROUP_ALL_CONTACTS, GROUP_NO_GROUP_CONTACTS, ROUTE_CIRCLE } from '../models/constants.ts'
import Button from '@nextcloud/vue/dist/Components/NcButton.js'
import Content from '@nextcloud/vue/dist/Components/NcContent.js'
import isMobile from '@nextcloud/vue/dist/Mixins/isMobile.js'
import Modal from '@nextcloud/vue/dist/Components/NcModal.js'
import {
isMobile,
NcButton as Button,
NcContent as Content,
NcModal as Modal,
} from '@nextcloud/vue'
import { showError } from '@nextcloud/dialogs'
import { VCardTime } from 'ical.js'

2
src/views/Processing/AddToGroupView.vue
View File

@ -38,7 +38,7 @@
<script>
import ProcessingScreen from '../../components/ProcessingScreen.vue'
import Button from '@nextcloud/vue/dist/Components/NcButton.js'
import { NcButton as Button } from '@nextcloud/vue'
export default {
name: 'AddToGroupView',

2
src/views/Processing/ImportView.vue
View File

@ -38,7 +38,7 @@
<script>
import ProcessingScreen from '../../components/ProcessingScreen.vue'
import Button from '@nextcloud/vue/dist/Components/NcButton.js'
import { NcButton as Button } from '@nextcloud/vue'
export default {
name: 'ImportView',