freeplanet/src/components/projects/SingleProject/SingleProject.vue

<template>
  <div :class="getClassRow()" @click="clickProject">

    <q-btn
      v-if="isProject()"
      :class="(itemproject.respUsername !== '' && itemproject.viceRespUsername !== '') ? 'clresp' : 'clrespempty' + ' clButtPopover pos-item'"
      :readonly="!CanIModifyProject"
      size="sm"
      dense
      flat
      @mousedown="clickRiga"
      :disable="!CanIModifyProject"
      icon="menu">
      <q-menu ref="popmenu" self="top right">
        <SubMenusProj :menuPopupProj="menuPopupProj" :itemproject="itemproject" @clickMenu="clickMenu"
                      @selectSubMenu="selectSubMenu"></SubMenusProj>
      </q-menu>
    </q-btn>

    <!--<div :class="(itemproject.respUsername !== '' && itemproject.viceRespUsername !== '') ? 'clresp' : 'clrespempty' + ' pos-group flex-item'">
      <q-icon class="" name="fas fa-user-friends"></q-icon>
    </div>-->
    <!--<div class="q-mx-xs"></div>-->

    <div class="flex-item donotdrag divdescrTot">
      <q-input v-if="(sel && inEdit)" hide-underline type="textarea" ref="inputprojdescr"
               v-model.trim="precDescr"
               autogrow
               borderless
               :label="getlabeltext"
               dense
               @focus="getFocus($event)"
               :class="classDescrEdit" :max-height="100"
               @keydown="keyDownArea" v-on:keydown.esc="exitEdit" @blur="exitEdit(true)" @click="editProject()">
      </q-input>

      <div v-else :class="classDescr"
           @keydown="keyDownRow">

        <!--<div class="clpos">{{ itemproject.pos }}.</div> -->
        {{ itemproject.descr }}
      </div>

    </div>

    <!--<div>
      {{ tools.getGroupById(itemproject.groupId) }}
    </div>-->


    <div v-if="isProject()" class="flex-item donotdrag progress-item shadow-1">
      <q-linear-progress
        stripe
        rounded
        :value="percentageProgress / 100"
        class="progrbar-item"
        :color="colProgress"
      >
      </q-linear-progress>
      <div :class="percProgress">
        {{ percentageProgress }}%
      </div>
    </div>


    <div v-if="itemproject.enableExpiring" :class="classExpiring">
      <CDate :mydate="itemproject.expiring_at" @input="itemproject.expiring_at = new Date(arguments[0])"
             data_class="data_string">
      </CDate>
    </div>

    <q-btn :disable="isDisable" class="flex-item donotdrag pos-go" size="sm" push color="primary" round
           icon="arrow_forward"
           :to="getrouteto">

    </q-btn>

  </div>
</template>

<script lang="ts" src="./SingleProject.ts">
</script>

<style lang="scss" scoped>
@import './SingleProject.scss';
</style>