Merge pull request #1115 from Safelite/feature/CSR-886
CSR-886: remove demo pages / code
This commit is contained in:
AdamCaouetteSafelite
GitHub
commit
ce497b0ceb
3 changed files with 0 additions and 123 deletions
|
|
@ -1,19 +0,0 @@
|
||||||
import demoDatePicker from "./demo-date-picker";
|
|
||||||
|
|
||||||
// Supporting Files
|
|
||||||
import { shallowMount } from "@vue/test-utils";
|
|
||||||
import { getMountOptions } from "@/helpers/unit-test-helper.js";
|
|
||||||
|
|
||||||
describe("demo-date-picker.vue", () => {
|
|
||||||
test.only("test TK...", () => {});
|
|
||||||
});
|
|
||||||
|
|
||||||
function setupMocks({ mountOptionsMockData = {} }) {
|
|
||||||
const mountOptions = getMountOptions({
|
|
||||||
...mountOptionsMockData,
|
|
||||||
});
|
|
||||||
|
|
||||||
const wrapper = shallowMount(demoDatePicker, mountOptions);
|
|
||||||
|
|
||||||
return { wrapper };
|
|
||||||
}
|
|
||||||
|
|
@ -1,90 +0,0 @@
|
||||||
<template>
|
|
||||||
<div class="page-container-grouped-styles">
|
|
||||||
<funnelHeader cmsWidgetName="FunnelHeaderWidget" />
|
|
||||||
<div class="">
|
|
||||||
<div class="rounded text-center">
|
|
||||||
<div class="fade-on-route-transition">
|
|
||||||
<date-picker
|
|
||||||
selectableDates="custom"
|
|
||||||
v-model="selectedDate"
|
|
||||||
:customSelectableDatesCallback="getAvailableDates" />
|
|
||||||
<!-- EXAMPLE THAT OVERRIDES TODAY BY PASSING STRING --
|
|
||||||
<date-picker
|
|
||||||
selectableDates="custom"
|
|
||||||
v-model="selectedDate"
|
|
||||||
:customSelectableDatesCallback="getAvailableDates"
|
|
||||||
todayOverrideDateString="2022-12-30T03:00:00" /> -->
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<script>
|
|
||||||
// Components
|
|
||||||
import datePicker from "@/digital-components/date-picker/date-picker";
|
|
||||||
import funnelHeader from "@/fmg-components/funnel-header/funnel-header";
|
|
||||||
import vehicleBanner from "@/fmg-components/vehicle-banner/vehicle-banner";
|
|
||||||
import funnelSubHeader from "@/fmg-components/funnel-sub-header/funnel-sub-header";
|
|
||||||
|
|
||||||
// Supporting files
|
|
||||||
import { fetchCmsContentForPage } from "@/helpers/cms-content-helper";
|
|
||||||
import { settleAllPromises } from "@/helpers/layout-helper";
|
|
||||||
import { storeActions } from "@/constants/store-actions";
|
|
||||||
import store from "@/store";
|
|
||||||
|
|
||||||
import baseMixin from "@/mixins/base-mixin";
|
|
||||||
|
|
||||||
export default {
|
|
||||||
name: "demo-date-picker",
|
|
||||||
data() {
|
|
||||||
return {
|
|
||||||
selectedDate: null,
|
|
||||||
// selectedDate: { // USE THIS FORMAT FOR A PRE-SELECTED DATE ON LOAD
|
|
||||||
// year: 2023,
|
|
||||||
// month: 3, // use 1-based index for months
|
|
||||||
// date: 21,
|
|
||||||
// },
|
|
||||||
mockSelectableDatesData: [
|
|
||||||
{ year: 2023, month: 3, date: 4 },
|
|
||||||
{ year: 2023, month: 3, date: 5 },
|
|
||||||
{ year: 2023, month: 3, date: 22 },
|
|
||||||
{ year: 2023, month: 4, date: 13 },
|
|
||||||
{ year: 2023, month: 4, date: 7 },
|
|
||||||
{ year: 2023, month: 4, date: 14 },
|
|
||||||
{ year: 2023, month: 4, date: 26 },
|
|
||||||
{ year: 2023, month: 5, date: 21 },
|
|
||||||
{ year: 2023, month: 5, date: 23 },
|
|
||||||
{ year: 2023, month: 5, date: 25 },
|
|
||||||
],
|
|
||||||
};
|
|
||||||
},
|
|
||||||
computed: {
|
|
||||||
todayDate() {
|
|
||||||
const today = new Date();
|
|
||||||
return today.toDateString();
|
|
||||||
},
|
|
||||||
},
|
|
||||||
methods: {
|
|
||||||
arePagePrerequisitesValid() {
|
|
||||||
return true;
|
|
||||||
},
|
|
||||||
getAvailableDates(startDate, endDate) {
|
|
||||||
this.mockSelectableDatesData.push(endDate);
|
|
||||||
// ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
|
|
||||||
// temporary test method that adds endDate to list of selectable dates
|
|
||||||
return this.mockSelectableDatesData;
|
|
||||||
},
|
|
||||||
},
|
|
||||||
components: {
|
|
||||||
datePicker,
|
|
||||||
funnelHeader,
|
|
||||||
},
|
|
||||||
};
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<style lang="scss">
|
|
||||||
// .page-container-grouped-styles {
|
|
||||||
// padding: 0 .5rem !important;
|
|
||||||
// }
|
|
||||||
</style>
|
|
||||||
|
|
@ -28,21 +28,7 @@ import analyticsMixin from "@/mixins/analytics-mixin";
|
||||||
import { experimentTriggers } from "../constants/experiments";
|
import { experimentTriggers } from "../constants/experiments";
|
||||||
import { applicationConfig } from "../constants/application-config";
|
import { applicationConfig } from "../constants/application-config";
|
||||||
|
|
||||||
// Components
|
|
||||||
import datePicker from "@/digital-components/date-picker/date-picker.vue";
|
|
||||||
import demoDatePicker from "@/layouts/demo-date-picker/demo-date-picker.vue";
|
|
||||||
|
|
||||||
const routes = [
|
const routes = [
|
||||||
{
|
|
||||||
path: "/demo-date-picker", // This is a temporary route for testing.
|
|
||||||
name: "demo-date-picker",
|
|
||||||
component: demoDatePicker,
|
|
||||||
},
|
|
||||||
{
|
|
||||||
path: "/date-picker", // This is a temporary route for testing.
|
|
||||||
name: "date-picker",
|
|
||||||
component: datePicker,
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
path: "/",
|
path: "/",
|
||||||
name: "root",
|
name: "root",
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue