Project e Todos sistemati...

aggiunti Gruppi

src/components/projects/SingleProject/SingleProject.vue

@@ -1,67 +1,71 @@
 <template>
-    <div :class="getClassRow()" @click="clickProject" >
+  <div :class="getClassRow()" @click="clickProject">
 
-        <q-btn :disable="isDisable" class="flex-item donotdrag " size="sm" push color="primary" round icon="arrow_forward"
-               :to="getrouteto"></q-btn>
+    <q-btn :disable="isDisable" class="flex-item donotdrag " size="sm" push color="primary" round icon="arrow_forward"
+           :to="getrouteto"></q-btn>
 
-        <div class="flex-item donotdrag divdescrTot">
-            <q-input v-if="(sel && inEdit)" hide-underline type="textarea" ref="inputprojdescr"
-                     v-model.trim="precDescr"
-                     autogrow
-                     borderless
-                     debounce="1000"
-                     :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 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">{{itemproject.descr}}
-            </div>
-
-        </div>
-
-        <div v-if="isProject()" class="flex-item 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>
-        <div v-if="isProject()" class="flex-item pos-item " @mousedown="clickRiga">
-            <q-btn flat
-                   :class="clButtPopover"
-                   :readonly="!CanIModifyProject"
-                   :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>
+      <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 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>
+    <div v-if="isProject()" class="flex-item pos-item " @mousedown="clickRiga">
+      <q-btn flat
+             :class="clButtPopover"
+             :readonly="!CanIModifyProject"
+             :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>
+
+  </div>
 </template>
 
 <script lang="ts" src="./SingleProject.ts">
 </script>
 
 <style lang="scss" scoped>
-    @import './SingleProject.scss';
+@import './SingleProject.scss';
 </style>