Calendar, Events

src/views/projects/proj-list/proj-list.scss

@@ -95,20 +95,6 @@ $heightBtn: 100%;
   flex: 1;
 }
 
-.flex-item{
-  // background-color: #d5e2eb;
-  padding: 0px;
-  margin: 1px;
-  margin-left: 3px;
-  margin-right: 3px;
-  color: #000;
-  font-size: 0.85rem;
-  height: $heightBtn;
-  line-height: $heightBtn;
-  vertical-align: middle;
-  //flex: 0 0 100%;
-}
-
 .itemdescr{
   font-size: 1rem;
   flex: 1;

src/views/projects/proj-list/proj-list.ts

@@ -38,6 +38,8 @@ const namespace: string = 'Projects'
 export default class ProjList extends Vue {
   public $q: any
   public projbottom: string = ''
+  public prova: string = ''
+  public provatr: string = ''
   public polling = null
   public service: any
   public scrollable = true
@@ -66,10 +68,10 @@ export default class ProjList extends Vue {
   @Getter('projs_dacompletare', { namespace })
   public projs_dacompletare: (state: IProjectsState, id_parent: string, tipoproj: string) => IProject[]
 
-  @Watch('projs_dacompletare')
-  public changeitems() {
-    this.updateindexProj()
-  }
+  // @Watch('projs_dacompletare')
+  // public changeitems() {
+  //   this.updateindexProj()
+  // }
 
   @Watch('$route.name')
   public changename() {
@@ -99,6 +101,10 @@ export default class ProjList extends Vue {
     // console.log('idproj', this.idProjAtt, 'params' , this.$route.params)
   }
 
+  public keyDownArea(e) {
+    console.log('keyDownArea')
+  }
+
   get classTitle() {
     let cl = 'flex-item categorytitle shadow-4'
     if (!!this.itemprojparent) {
@@ -400,6 +406,7 @@ export default class ProjList extends Vue {
   }
 
   public dbInsert() {
+    console.log('dbInsert')
     const descr = this.projbottom.trim()
 
     this.projbottom = ''
@@ -432,11 +439,13 @@ export default class ProjList extends Vue {
   }
 
   public getCompProjectById(id): SingleProject {
-    console.log('this.$refs.singleproject', this.$refs.singleproject)
-    for (const elem of this.$refs.singleproject) {
-      // @ts-ignore
-      if (elem.itemproject._id === id) {
-        return elem
+    if (!!this.$refs.singleproject) {
+      console.log('this.$refs.singleproject', this.$refs.singleproject)
+      for (const elem of this.$refs.singleproject) {
+        // @ts-ignore
+        if (elem.itemproject._id === id) {
+          return elem
+        }
       }
     }
   }
@@ -494,10 +503,32 @@ export default class ProjList extends Vue {
       this.whatisSel = tools.WHAT_NOTHING
     // console.log('readonly = true')
     this.readonly = true
+
+    this.checkiftoenable()
   }
   public setitemsel(item: ITodo) {
-    this.whatisSel = tools.WHAT_TODO
     this.itemtodosel = item
+    if (item !== null)
+      this.whatisSel = tools.WHAT_TODO
+    else
+      this.whatisSel = tools.WHAT_NOTHING
+
+    this.checkiftoenable()
+  }
+
+  public checkiftoenable() {
+    if (this.whatisSel === tools.WHAT_NOTHING)
+      this.splitterModel = 100
+    else
+      this.splitterModel = 0
+  }
+
+  public setdeselectrow() {
+    console.log('setdeselectrow')
+    this.itemtodosel = null
+    this.itemselproj = null
+    this.whatisSel = tools.WHAT_NOTHING
+    this.checkiftoenable()
   }
 
   public cambiadata(value) {
@@ -542,9 +573,14 @@ export default class ProjList extends Vue {
     }
   }
 
-  public deselectAllRowsproj(item: IProject, check, onlythis: boolean = false) {
+  public deselectAllRowsproj(item: IProject, check, onlythis: boolean = false, deselectRiga: boolean = false) {
     // console.log('deselectAllRowsproj: ', item)
 
+    if (deselectRiga) {
+      this.setdeselectrow()
+      return
+    }
+
     if (!!item && check) {
       // This is the new selected
       // console.log('readonly = false')
@@ -552,6 +588,9 @@ export default class ProjList extends Vue {
       this.readonly = false
     }
 
+    if (this.$refs.singleproject === undefined)
+      return
+
     for (const i in this.$refs.singleproject) {
 
       const contr = this.$refs.singleproject[i] as SingleProject

src/views/projects/proj-list/proj-list.vue

@@ -100,12 +100,12 @@
                         </div>
                         <q-separator></q-separator>
 
-                        <q-input v-if="CanIModifyPanelPrivacy" ref="insertProjBottom" v-model="projbottom"
+                        <q-input v-model="projbottom"
                                  style="margin-left: 6px;"
                                  color="blue-12"
                                  :label="$t('proj.insertbottom')"
                                  :after="[{icon: 'arrow_forward', content: true, handler () {}}]"
-                                 v-on:keyup.enter="dbInsert()">
+                                 >
 
                         </q-input>
 
@@ -129,6 +129,7 @@
                     </div>
                 </template>
                 <template v-if="(whatisSel === tools.WHAT_PROJECT) && (!!itemselproj.descr)" v-slot:after>
+
                     <!--ID = {{itemselproj._id}}-->
                     <div class="q-pa-xs clMain">
                         <div class="flex-container clMain">