"use strict";(globalThis.webpackChunktripdocs=globalThis.webpackChunktripdocs||[]).push([[733],{7465:(n,e,i)=>{i.r(e),i.d(e,{assets:()=>o,contentTitle:()=>l,default:()=>p,frontMatter:()=>s,metadata:()=>t,toc:()=>c});const t=JSON.parse('{"id":"trips-planner/trip-plans","title":"Trip - Plans","description":"Understand your trip plans","source":"@site/docs/trips-planner/trip-plans.md","sourceDirName":"trips-planner","slug":"/trips-planner/trip-plans","permalink":"/trip/docs/trips-planner/trip-plans","draft":false,"unlisted":false,"tags":[],"version":"current","sidebarPosition":7,"frontMatter":{"sidebar_position":7,"description":"Understand your trip plans"},"sidebar":"docSidebar","previous":{"title":"Trip - Map","permalink":"/trip/docs/trips-planner/trip-map"},"next":{"title":"Trip - Plan creation","permalink":"/trip/docs/trips-planner/trip-plan-creation"}}');var r=i(4848),a=i(8453);const s={sidebar_position:7,description:"Understand your trip plans"},l="Trip - Plans",o={},c=[{value:"Action bar",id:"action-bar",level:3},{value:"Day click",id:"day-click",level:3},{value:"Row click",id:"row-click",level:3}];function d(n){const e={a:"a",admonition:"admonition",code:"code",em:"em",h1:"h1",h3:"h3",header:"header",li:"li",p:"p",strong:"strong",ul:"ul",...(0,a.R)(),...n.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(e.header,{children:(0,r.jsx)(e.h1,{id:"trip---plans",children:"Trip - Plans"})}),"\n",(0,r.jsx)(e.admonition,{title:"TL;DR",type:"note",children:(0,r.jsx)(e.p,{children:"Your Trip is organized as a table where plans are rows, ordered by day and time. Filter, group, and customize the view to manage your itinerary effectively. Click a day for map highlight, or a row for details."})}),"\n",(0,r.jsx)(e.p,{children:"Your Trip is organized as a table. Each plan is a row, sorted first by day (date and label), then by plan time."}),"\n",(0,r.jsxs)(e.p,{children:["The plans will have different level of informations based on your information when creating it (see ",(0,r.jsx)(e.a,{href:"trip-plan-creation",children:"Trip - Plan creation"}),"). e.g."]}),"\n",(0,r.jsx)("img",{src:"/trip/img/plan.png",alt:"A plan"}),"\n",(0,r.jsx)("div",{style:{textAlign:"center"},children:(0,r.jsx)("sup",{children:"A plan with a status dot indicator, an attachments indicator and a Place"})}),"\n",(0,r.jsx)(e.p,{children:"The table supports various interactions, through the actions bar at the top or by clicking either a day cell or a row."}),"\n",(0,r.jsx)("img",{src:"/trip/img/plans_table_ov.png",alt:"Table overview, actions at the top"}),"\n",(0,r.jsx)("div",{style:{textAlign:"center"},children:(0,r.jsx)("sup",{children:"Table overview, action buttons at the top"})}),"\n",(0,r.jsx)(e.h3,{id:"action-bar",children:"Action bar"}),"\n",(0,r.jsxs)(e.ul,{children:["\n",(0,r.jsxs)(e.li,{children:[(0,r.jsx)(e.strong,{children:"Filter"})," plans and ",(0,r.jsx)(e.strong,{children:"select which columns"})," to show (defaults pre-selected)"]}),"\n",(0,r.jsxs)(e.li,{children:[(0,r.jsx)(e.strong,{children:"Expand"})," to fill screen width"]}),"\n",(0,r.jsxs)(e.li,{children:[(0,r.jsx)(e.strong,{children:"Group"})," by days","\n",(0,r.jsx)(e.admonition,{type:"note",children:(0,r.jsx)(e.p,{children:"In grouped mode, columns can be resized for better readability"})}),"\n"]}),"\n",(0,r.jsxs)(e.li,{children:[(0,r.jsx)(e.strong,{children:"GMaps"})," navigation based on your plans (using coordinates and places coordinate)","\n",(0,r.jsx)(e.admonition,{type:"note",children:(0,r.jsx)(e.p,{children:"In grouped mode, you use GMaps navigation per day"})}),"\n"]}),"\n",(0,r.jsxs)(e.li,{children:[(0,r.jsx)(e.strong,{children:"Highlight"})," the complete itinerary on the map","\n",(0,r.jsx)(e.admonition,{type:"note",children:(0,r.jsxs)(e.p,{children:["In grouped mode, you can highlight itinerary per day. You can also highlight itinerary per day using the ",(0,r.jsx)(e.a,{href:"trip-map#highlight",children:"fullscreen mode map"})]})}),"\n"]}),"\n"]}),"\n",(0,r.jsx)("br",{}),"\n",(0,r.jsxs)(e.admonition,{type:"tip",children:[(0,r.jsx)(e.p,{children:"For accommodations and transport, I recommend using a double-entry approach similar to accounting:"}),(0,r.jsxs)(e.ul,{children:["\n",(0,r.jsxs)(e.li,{children:["Create one plan for the start (e.g., ",(0,r.jsx)(e.code,{children:"00:01"}),")"]}),"\n",(0,r.jsxs)(e.li,{children:["Create another plan for the end (e.g., ",(0,r.jsx)(e.code,{children:"23:59"}),")"]}),"\n"]}),(0,r.jsx)(e.p,{children:"This helps you:"}),(0,r.jsxs)(e.ul,{children:["\n",(0,r.jsx)(e.li,{children:"Differentiate 'From' and 'To' locations easily"}),"\n",(0,r.jsx)(e.li,{children:"Track nights at accommodations accurately"}),"\n",(0,r.jsx)(e.li,{children:"Show continuous presence at a location across days using coordinates"}),"\n"]}),(0,r.jsx)("img",{src:"/trip/img/plans_doubleentry.png",alt:"Double-entry plans"}),(0,r.jsx)("div",{style:{textAlign:"center"},children:(0,r.jsx)("sup",{children:"Double-entry plans"})})]}),"\n",(0,r.jsx)(e.h3,{id:"day-click",children:"Day click"}),"\n",(0,r.jsx)(e.p,{children:"Click a day cell to highlight that day's itinerary on the map."}),"\n",(0,r.jsx)("img",{src:"/trip/img/plan_highlight.png",alt:"Highlight a day itinerary on the map on day click"}),"\n",(0,r.jsx)("div",{style:{textAlign:"center"},children:(0,r.jsx)("sup",{children:"Highlight a day itinerary on the map on day clicks"})}),"\n",(0,r.jsx)(e.h3,{id:"row-click",children:"Row click"}),"\n",(0,r.jsx)(e.p,{children:"Click any row to open its details. The panel shows all plan info; more fields mean richer details. Attachments are downloadable."}),"\n",(0,r.jsx)(e.admonition,{type:"note",children:(0,r.jsxs)(e.p,{children:["The ",(0,r.jsx)(e.em,{children:"car"})," button opens Google Maps navigation (if coordinates or Place is set)"]})}),"\n",(0,r.jsx)("img",{src:"/trip/img/plan_details.png",alt:"Details of the plan"}),"\n",(0,r.jsx)("div",{style:{textAlign:"center"},children:(0,r.jsx)("sup",{children:"Details of the plan"})})]})}function p(n={}){const{wrapper:e}={...(0,a.R)(),...n.components};return e?(0,r.jsx)(e,{...n,children:(0,r.jsx)(d,{...n})}):d(n)}},8453:(n,e,i)=>{i.d(e,{R:()=>s,x:()=>l});var t=i(6540);const r={},a=t.createContext(r);function s(n){const e=t.useContext(a);return t.useMemo(function(){return"function"==typeof n?n(e):{...e,...n}},[e,n])}function l(n){let e;return e=n.disableParentContext?"function"==typeof n.components?n.components(r):n.components||r:s(n.components),t.createElement(a.Provider,{value:e},n.children)}}}]);