.row.fleft(style="position:absolute;right:0;")
  .col-1
    a(:href="'/short/' + journey.id")
      i.fas.fa-file-contract
  .col-1
    a(:href="'/view/' + journey.id")
      i.fas.fa-camera
  .col-1
    a(href="#", v-on:click.prevent="first_step")
      i.fas.fa-tools


.bg-dark.text-white(v-if="journey && journey.leg_get()")
  .container
    .row.align(style="padding-top:45px;")
      .col-6.col-sm-4.col-md-3.input.text-big
        input.text-center(v-model="journey.data.name" placeholder="My Journey" type="text")
      //- input.small(type="text", :placeholder="journey.date_tot() + ' (' + journey.tot_len() + ')'" )

    include leg/nav.pug
    include leg/top.pug
    .row(style="aspect-ratio:1.25;")
      .map-container(:class=" { 'col-2 col-sm-5 col-md-8': query.type, 'col-2 col-sm-5 col-md-6': query.note , 'col-12': (!query.type  && !query.note) }" )
        include map.pug
      .row.drawer-container(:class="{ 'col-10 col-sm-7 col-md-4': query.type, 'col-10 col-sm-7 col-md-6': query.note, 'col-0': (!query.type  && !query.note) }")
        .drawer-container(:class="{ 'col-12 ': query.type, 'col-0': !query.type }")
          include leg/drawer.pug
        .drawer-container(:class="{ 'col-12': query.note, 'col-0': !query.note }")
          include leg/drawer-notes.pug

//- include impexp.pug