tour-steps.js

import sample from 'lodash/sample'
import drop from 'lodash/drop'

export default {
  data() {
    const { name } = this.$whiteLabel.options.meta

    return {
      steps: [
        {
          target: '[data-v-step="fav"]',
          content: `Bienvenido a ${name}, <br>
    <strong>Sigue este tutorial para hacer tu primera receta</strong>`
        },
        {
          target: '[data-v-step="help"]',
          content:
            'Si necesita ayuda o tiene algún comentario, nos lo puede dejar aquí'
        },
        /**
  // TODO add this step once can be show it without UI problems see
  // https://github.com/Prescrypto/prescriptwo/pull/299#issuecomment-722585133
  {
    target: '[data-v-step="clinic"]',
    content: 'Elige el centro de trabajo desde el cual emites la receta'
  },
  **/
        {
          target: '[data-v-step="10"]',
          content: `Crea o busca un paciente <strong>aquí</strong>☝!, al seleccionarlo o crearlo puedes editarlo también`
        },
        {
          target: '[data-v-step="11"]',
          content: 'Agrega un diagnóstico al paciente'
        },
        {
          target: '[data-v-step="diagnosis"]',
          content:
            'Puedes elegir no mostrar el diagnóstico en la receta, para proteger la privacidad de su paciente'
        },
        {
          target: '[data-v-step="12"]',
          content: 'Las indicaciones extras son opcionales!'
        },
        {
          target: '[data-v-step="13"]',
          content: `Puedes buscar y seleccionar medicamentos de \
              manera fácil aquí, al ser seleccionados puedes ver detalles de cada medicamento \
              puedes indicar la cantidad de medicamentos a recetar, o dejar que el farmacéutico realice el cálculo con la posología`
        },
        {
          target: '[data-v-step="fav"]',
          content: `Aquí puedes ver tus recetas favoritas, <br>
    <strong>Tus recetas favoritas son como machotes que puedes llenar con un solo click, para guardar una receta como favorita, primero la debes llenar y guardar, y después guardarla como favorito.</strong>`
        },
        {
          target: '[data-v-step="14"]',
          content: 'Puedes agregar más medicamentos desde aquí'
        },
        {
          target: '[data-v-step="15"]',
          content: 'Finaliza tu receta firmando y enviando la receta 👌'
        }
      ]
    }
  },

  computed: {
    randomStep() {
      // Remove welcome element
      let random_step = drop(this.steps)

      // Choose one randomly
      random_step = [sample(random_step)]

      return random_step
    }
  }
}