Skip to content
Snippets Groups Projects
Select Git revision
  • d199fe003b3de7ee26639140c7f3c62bdeeedf09
  • test default protected
  • master protected
  • original
  • pirati-backup protected
  • beta-2
  • beta-1
  • v3.1.4
  • v3.1.3
  • v3.1.2
  • v3.1.1
  • v3.1.0
  • v3.0.16
  • v3.0.15
  • v3.0.14
  • v3.0.13
  • v3.0.12
  • v3.0.11
  • v3.0.10
  • v3.0.9
  • v3.0.8
  • v3.0.7
  • v3.0.6
  • v3.0.5
  • v3.0.4
25 results

django-gae.py

Blame
  • NavbarSubitem.vue 1.30 KiB
    <template>
      <div @mouseenter="onMouseEnter" @mouseleave="onMouseLeave">
        <span v-if="!href" class="navbar-menu__link navbar-menu__submenu-toggle" :class="{'navbar-menu__submenu-toggle--open': show}" @click="handleClick">{{ label }}</span>
        <a v-if="href" :href="href" class="navbar-menu__link navbar-menu__submenu-toggle" :class="{'navbar-menu__submenu-toggle--open': show}" @click.prevent="handleClick">{{ label }}</a>
        <div :class="{'navbar-menu__submenu-wrap--show': show}" class="navbar-menu__submenu-wrap">
          <slot>
          </slot>
        </div>
      </div>
    </template>
    
    <script>
    import { isLgScreenSize } from "../../utils";
    
    export default {
      data() {
        return {
          show: false
        };
      },
      props: {
        href: {
          type: String,
        },
        label: {
          type: String,
        }
      },
      methods: {
        onMouseEnter() {
          if (isLgScreenSize()) {
            this.$data.show = true;
          }
        },
        onMouseLeave() {
          if (isLgScreenSize()) {
            this.$data.show = false;
          }
        },
        handleClick(evt) {
          // On mobile screens, first click should just toggle and redir on second one
          if (isLgScreenSize() || this.$data.show) {
            if (this.$props.href) {
              window.location = this.$props.href;
            }
          }
    
          this.$data.show = !this.$data.show;
        }
      }
    }
    </script>