Added CDate component !

src/components/projects/SingleProject/SingleProject.scss

@@ -208,7 +208,7 @@ $heightdescr: 20px;
 
 .data-item {
   font-size: 0.85rem;
-  max-width: 78px;
+  max-width: 100px;
   @media (max-width: 600px) {
     max-width: 22px;
   }

src/components/projects/SingleProject/SingleProject.ts

@@ -7,12 +7,13 @@ import { tools } from '../../../store/Modules/tools'
 import { IProject } from '../../../model/index'
 
 import { SubMenusProj } from '../SubMenusProj'
+import { CDate } from '../../CDate'
 
 import { date } from 'quasar'
 import { askConfirm } from '../../../classes/routinestd'
 
 @Component({
-  components: { SubMenusProj },
+  components: { SubMenusProj, CDate },
   name: 'SingleProject'
 })
 export default class SingleProject extends Vue {
@@ -20,7 +21,7 @@ export default class SingleProject extends Vue {
   public menuPopupProj: any[] = []
   public classDescr: string = ''
   public classDescrEdit: string = ''
-  public classExpiring: string = 'flex-item data-item shadow-1'
+  public classExpiring: string = 'flex-item data-item shadow-1 hide-if-small'
   public classExpiringEx: string = ''
   public iconPriority: string = ''
   public classRow: string = ''
@@ -107,7 +108,7 @@ export default class SingleProject extends Vue {
   }
 
   public watchupdate(field = '') {
-    console.log('watchupdate')
+    console.log('watchupdate', field)
     this.$emit('eventupdateproj', {myitem: this.itemproject, field } )
     this.updateicon()
   }
@@ -124,7 +125,7 @@ export default class SingleProject extends Vue {
     if (this.itemproject.progressCalc > 100)
       this.itemproject.progressCalc = 100
 
-    this.classExpiring = 'flex-item data-item shadow-1'
+    this.classExpiring = 'flex-item data-item shadow-1 hide-if-small'
     this.classExpiringEx = ''
 
     this.percentageProgress = this.itemproject.progressCalc

src/components/projects/SingleProject/SingleProject.vue

@@ -37,25 +37,9 @@
 
 
         <div v-if="itemproject.enableExpiring" :class="classExpiring">
-            <span class="data_string">{{tools.getstrDate(itemproject.expiring_at)}}</span>
-            <q-icon name="event" class="cursor-pointer" style="padding: 2px;">
-                <q-popup-proxy>
-                    <q-date v-model="itemproject.expiring_at" today-btn/>
-                </q-popup-proxy>
-            </q-icon>
-            <!--<q-icon nametranslate="event" class="cursor-pointer" />-->
-            <!--<q-popup-edit v-model="itemproject.expiring_at"-->
-            <!--title="Edit"-->
-            <!--buttons class="">-->
-            <!--<q-input-->
-            <!--filled-->
-            <!--v-model="itemproject.expiring_at"-->
-            <!--type="date"-->
-            <!--class="myexpired"-->
-            <!--format="DD/MM/YYYY"-->
-            <!--&gt;-->
-            <!--</q-input>-->
-            <!--</q-popup-edit>-->
+            <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
@@ -67,16 +51,8 @@
                 </q-menu>
             </q-btn>
         </div>
-        <!--clButtPopover: {{ clButtPopover }}-->
-        <!--Sel: {{ sel }}-->
-        <!--<div class="flex-item btn-item">-->
-        <!--{{itemproject.expiring_at}}-->
-        <!--</div>-->
-        <!--<div class="flex-item btn-item">-->
-        <!--<q-btn class="mybtn" round color="" icon="delete" @click.native="removeitem(itemproject._id)"></q-btn>-->
-        <!--</div>-->
-    </div>
 
+    </div>
 </template>
 
 <script lang="ts" src="./SingleProject.ts">