monica/resources/js/app.js

/**
 * First we will load all of this project's JavaScript dependencies which
 * includes Vue and other libraries. It is a great starting point when
 * building robust, powerful web applications using Vue and Laravel.
 */

require('./bootstrap');

/**
 * Next, we will create a fresh Vue application instance and attach it to
 * the page. Then, you may begin adding components to this application
 * or customize the JavaScript scaffolding to fit your unique needs.
 */

window.Vue = require('vue');

// Notifications
import Notifications from 'vue-notification';
Vue.use(Notifications);

// Tooltip
import Tooltip from 'vue-directive-tooltip';
Vue.use(Tooltip, { delay: 0 });

// Copy text from clipboard
import VueClipboard from 'vue-clipboard2';
VueClipboard.config.autoSetContainer = true;
Vue.use(VueClipboard);

// Dependency of vuejs-clipper
import VueRx from 'vue-rx';
Vue.use(VueRx);

// Custom components
Vue.component(
  'passport-clients',
  require('./components/passport/Clients.vue').default
);

Vue.component(
  'passport-authorized-clients',
  require('./components/passport/AuthorizedClients.vue').default
);

Vue.component(
  'passport-personal-access-tokens',
  require('./components/passport/PersonalAccessTokens.vue').default
);

// Vue select
Vue.component(
  'contact-select',
  require('./components/people/ContactSelect.vue').default
);
Vue.component(
  'contact-search',
  require('./components/people/ContactSearch.vue').default
);
Vue.component(
  'contact-multi-search',
  require('./components/people/ContactMultiSearch.vue').default
);

// Partials
Vue.component(
  'avatar',
  require('./components/partials/Avatar.vue').default
);
Vue.component(
  'confirm',
  require('./components/partials/Confirm.vue').default
);

// Form elements
Vue.component(
  'form-input',
  require('./components/partials/form/Input.vue').default
);
Vue.component(
  'form-select',
  require('./components/partials/form/Select.vue').default
);
Vue.component(
  'form-date',
  require('./components/partials/form/Date.vue').default
);
Vue.component(
  'form-checkbox',
  require('./components/partials/form/Checkbox.vue').default
);
Vue.component(
  'form-radio',
  require('./components/partials/form/Radio.vue').default
);
Vue.component(
  'form-textarea',
  require('./components/partials/form/Textarea.vue').default
);
Vue.component(
  'form-toggle',
  require('./components/partials/form/Toggle.vue').default
);
Vue.component(
  'form-specialdate',
  require('./components/partials/SpecialDate.vue').default
);
Vue.component(
  'form-specialdeceased',
  require('./components/partials/SpecialDeceased.vue').default
);

// Dashboard
Vue.component(
  'dashboard-log',
  require('./components/dashboard/DashboardLog.vue').default
);

// Contacts
Vue.component(
  'tags',
  require('./components/people/Tags.vue').default
);

Vue.component(
  'contact-avatar',
  require('./components/people/SetAvatar.vue').default
);
Vue.component(
  'contact-favorite',
  require('./components/people/SetFavorite.vue').default
);

Vue.component(
  'contact-archive',
  require('./components/people/Archive.vue').default
);

Vue.component(
  'contact-address',
  require('./components/people/Addresses.vue').default
);

Vue.component(
  'contact-information',
  require('./components/people/ContactInformation.vue').default
);

Vue.component(
  'contact-list',
  require('./components/people/ContactList.vue').default
);

Vue.component(
  'contact-task',
  require('./components/people/Tasks.vue').default
);

Vue.component(
  'contact-note',
  require('./components/people/Notes.vue').default
);

Vue.component(
  'contact-gift',
  require('./components/people/gifts/Gifts.vue').default
);

Vue.component(
  'pet',
  require('./components/people/Pets.vue').default
);

Vue.component(
  'me-contact',
  require('./components/people/MeContact.vue').default
);
Vue.component(
  'stay-in-touch',
  require('./components/people/StayInTouch.vue').default
);

Vue.component(
  'phone-call-list',
  require('./components/people/calls/PhoneCallList.vue').default
);

Vue.component(
  'conversation-list',
  require('./components/people/conversation/ConversationList.vue').default
);

Vue.component(
  'conversation',
  require('./components/people/conversation/Conversation.vue').default
);

Vue.component(
  'message',
  require('./components/people/conversation/Message.vue').default
);

Vue.component(
  'activity-list',
  require('./components/people/activity/ActivityList.vue').default
);

Vue.component(
  'document-list',
  require('./components/people/document/DocumentList.vue').default
);

Vue.component(
  'create-life-event',
  require('./components/people/lifeevent/CreateLifeEvent.vue').default
);

Vue.component(
  'create-default-life-event',
  require('./components/people/lifeevent/content/CreateDefaultLifeEvent.vue').default
);

Vue.component(
  'life-event-list',
  require('./components/people/lifeevent/LifeEventList.vue').default
);

Vue.component(
  'photo-list',
  require('./components/people/photo/PhotoList.vue').default
);

// Journal
Vue.component(
  'journal-list',
  require('./components/journal/JournalList.vue').default
);

Vue.component(
  'journal-rate-day',
  require('./components/journal/RateDay.vue').default
);

Vue.component(
  'journal-calendar',
  require('./components/journal/partials/JournalCalendar.vue').default
);

Vue.component(
  'journal-content-rate',
  require('./components/journal/partials/JournalContentRate.vue').default
);

Vue.component(
  'journal-content-activity',
  require('./components/journal/partials/JournalContentActivity.vue').default
);

Vue.component(
  'journal-content-entry',
  require('./components/journal/partials/JournalContentEntry.vue').default
);

// Settings
Vue.component(
  'contact-field-types',
  require('./components/settings/ContactFieldTypes.vue').default
);
Vue.component(
  'genders',
  require('./components/settings/Genders.vue').default
);
Vue.component(
  'reminder-rules',
  require('./components/settings/ReminderRules.vue').default
);
Vue.component(
  'reminder-time',
  require('./components/settings/ReminderTime.vue').default
);
Vue.component(
  'mfa-activate',
  require('./components/settings/MfaActivate.vue').default
);
Vue.component(
  'webauthn-connector',
  require('./components/settings/WebauthnConnector.vue').default
);
Vue.component(
  'recovery-codes',
  require('./components/settings/RecoveryCodes.vue').default
);
Vue.component(
  'modules',
  require('./components/settings/Modules.vue').default
);
Vue.component(
  'activity-types',
  require('./components/settings/ActivityTypes.vue').default
);
Vue.component(
  'dav-resources',
  require('./components/settings/DAVResources.vue').default
);

require('./testing');

var common = require('./common').default;

common.loadLanguage(window.Laravel.locale, true).then((i18n) => {
  // the Vue appplication
  const app = new Vue({
    i18n,
    data: {
      htmldir: window.Laravel.htmldir,
      timezone: window.Laravel.timezone,
      locale: i18n.locale,
      reminders_frequency: 'once',
      accept_invite_user: false,
      date_met_the_contact: 'known',
      global_relationship_form_new_contact: true,
      global_profile_default_view: window.Laravel.profileDefaultView,
    },

    // global methods
    methods: require('./methods').default
  }).$mount('#app');

  return app;
});

$(document).ready(function() {
});