<template>
   <ul class="record_actions"
      :class="{ 'sticky-form-buttons': isStickyForm }">

      <!--
      <li v-if="isStickyForm" class="cancel">
         <a class="btn btn-cancel" @click="resetPane">
            {{ $t('back_to_the_list') }}
         </a>
      </li>
      -->

      <slot name="action"></slot>

      <!--
      <li v-if="isStickyForm">
         <a class="btn btn-save">
            {{ $t('action.save')}}
         </a>
      </li>
      -->
   </ul>
</template>

<script>
export default {
   name: "ActionButtons",
   props: [ 'options', 'default' ],
   computed: {
      isStickyForm() {
         return (typeof this.options.stickyActions !== 'undefined') ?
            this.options.stickyActions : this.default.stickyActions;
      },
   },
   methods: {
      resetPane() {
         this.flag.suggestPane = false;
         this.flag.editPane = false;
         this.flag.datePane = false;
         this.flag.showPane = true;
      }
   }
}
</script>
