Mercurial > gemma

view client/src/components/ui/UIBoxHeader.vue @ 5348:45b03e8ca47e extented-report

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
Toggles in user overview and in details section as well established This commit introduces toggles to change the state for administrative users to be able to receive the DQL Report. For quick access there is the possibility to change via overview. If you want to edit this in the details or if you change the role of the user to a non administrative, there is the possibility to change the flag in a fast way. When the user looses administrative privilege the option is not available and the according flag is set to "false". Aside: Changed user.go to resolve inconsitencies in frontend where the key "reports" was missing due to "omitempty" in marshalling the go objects.
author Thomas Junk <thomas.junk@intevation.de>
date Mon, 21 Jun 2021 16:41:39 +0200
parents c36940e53788
children 36cbf14b878a
line wrap: on
line source

<template>
  <h6 :class="['box-header', { small }]">
    <span class="box-title">
      <font-awesome-icon
        :icon="icon"
        class="box-icon"
        v-if="icon"
        fixed-width
      />
      {{ title }}
    </span>
    <div class="d-flex flex-row">
      <span
        class="box-control"
        v-for="(action, index) in actions"
        :key="index"
        @click="action.callback"
      >
        <font-awesome-icon
          :icon="action.icon"
          :spin="action.icon === 'spinner'"
        />
      </span>
      <span class="box-control" @click="closeCallback" v-if="closeCallback">
        <font-awesome-icon icon="times" />
      </span>
    </div>
  </h6>
</template>

<style lang="sass">
.box-header
  display: flex
  justify-content: space-between
  align-items: center
  min-height: 34px
  padding-left: .5rem
  border-bottom: 1px solid #dee2e6
  color: $color-info
  margin-bottom: 0
  padding: 0.25rem
  font-weight: bold
  background: white
  border-top-left-radius: .25rem
  border-top-right-radius: .25rem
  .box-title
    padding-left: 0.25rem
    .box-icon
      margin-right: 0.25rem
  .box-control
    margin-left: 3px
  &.small
    padding: 0.1rem 0.1rem 0.1rem 0.25rem
    min-height: 27px
</style>

<script>
/* This is Free Software under GNU Affero General Public License v >= 3.0
 * without warranty, see README.md and license for details.
 *
 * SPDX-License-Identifier: AGPL-3.0-or-later
 * License-Filename: LICENSES/AGPL-3.0.txt
 *
 * Copyright (C) 2018 by via donau
 *   – Österreichische Wasserstraßen-Gesellschaft mbH
 * Software engineering by Intevation GmbH
 *
 * Author(s):
 * Markus Kottländer <markus.kottlaender@intevation.de>
 */

export default {
  props: {
    icon: String,
    title: String,
    closeCallback: Function,
    actions: Array,
    small: Boolean
  }
};
</script>