Geo Primary Verification List: Init Vue App

Why are we doing this work

This work will be behind feature flag geo_primary_verification_view

This issue is focused on creating a new entry point for the Geo Primary Verification List View. This will live outside Geo but still in the ee/ space.

Proposed directory:

1. Vue Files: ee/admin/data_management
2. HAML Files: ee/views/admin/data_management/index.html.haml
3. Page Files: ee/pages/admin/data_management/index/index.js

Relevant links

• Routing discussion: Geo Primary Verification: Routing (#537677 - closed)

Implementation plan

1. Add #js-admin-data-management entry point to ee/views/admin/data_management/index.html.haml (create file if needed)

#js-admin-data-management

2. Create ee/admin/data_management/components/app.vue

<template>
  <h1>Data management</h1>
</template

3. Create Vue application at ee/admin/data_management/index.js that bootstraps to #js-admin-data-management

import Vue from 'vue';
import AdminDataManagementApp from './components/app.vue';

export const initAdminDataManagement = () => {
  const el = document.getElementById('js-admin-data-management');

  return new Vue({
    el,

    render(createElement) {
      return createElement(AdminDataManagementApp);
    },
  });
};

4. Create page javascript file to invoke the Vue application at ee/pages/admin/data_management/index/index.js

import { initAdminDataManagement } from 'ee/admin/data_management'

initAdminDataManagement();