| 
      
            Lines 12-18
          
      
      
        Link Here
      
     | 
  
        
          | 12 | 
              <div class="row">  | 
          12 | 
              <div class="row">  | 
        
        
          | 13 | 
                  <div class="col-md-6 dashboard-left-col">  | 
          13 | 
                  <div class="col-md-6 dashboard-left-col">  | 
        
        
          | 14 | 
                      <div  | 
          14 | 
                      <div  | 
        
          
            
              | 15 | 
                              v-if="selectedWidgetsLeft.length === 0"  | 
              15 | 
                              v-if="selectedWidgetsLeft.length === 0 && isDragging"  | 
            
        
          | 16 | 
                          class="empty-placeholder"  | 
          16 | 
                          class="empty-placeholder"  | 
        
        
          | 17 | 
                      >  | 
          17 | 
                      >  | 
        
        
          | 18 | 
                          {{ $__("Drop widgets here") }} | 
          18 | 
                          {{ $__("Drop widgets here") }} | 
        
  
    | 
      
            Lines 30-35
          
      
      
        Link Here
      
     | 
  
        
          | 30 | 
                              'w-full',  | 
          30 | 
                              'w-full',  | 
        
        
          | 31 | 
                              { 'empty-drag-area': selectedWidgetsLeft.length === 0 }, | 
          31 | 
                              { 'empty-drag-area': selectedWidgetsLeft.length === 0 }, | 
        
        
          | 32 | 
                          ]"  | 
          32 | 
                          ]"  | 
        
            
               | 
               | 
              33 | 
                              @start="handleDragStart"  | 
            
            
              | 34 | 
                              @end="handleDragEnd"  | 
            
        
          | 33 | 
                      >  | 
          35 | 
                      >  | 
        
        
          | 34 | 
                          <component  | 
          36 | 
                          <component  | 
        
        
          | 35 | 
                              v-for="(widget, index) in selectedWidgetsLeft"  | 
          37 | 
                              v-for="(widget, index) in selectedWidgetsLeft"  | 
        
  
    | 
      
            Lines 45-51
          
      
      
        Link Here
      
     | 
  
        
          | 45 | 
                  </div>  | 
          47 | 
                  </div>  | 
        
        
          | 46 | 
                  <div class="col-md-6 dashboard-right-col">  | 
          48 | 
                  <div class="col-md-6 dashboard-right-col">  | 
        
        
          | 47 | 
                      <div  | 
          49 | 
                      <div  | 
        
          
            
              | 48 | 
                              v-if="selectedWidgetsRight.length === 0"  | 
              50 | 
                              v-if="selectedWidgetsRight.length === 0 && isDragging"  | 
            
        
          | 49 | 
                          class="empty-placeholder"  | 
          51 | 
                          class="empty-placeholder"  | 
        
        
          | 50 | 
                      >  | 
          52 | 
                      >  | 
        
        
          | 51 | 
                          {{ $__("Drop widgets here") }} | 
          53 | 
                          {{ $__("Drop widgets here") }} | 
        
  
    | 
      
            Lines 63-68
          
      
      
        Link Here
      
     | 
  
        
          | 63 | 
                              'w-full',  | 
          65 | 
                              'w-full',  | 
        
        
          | 64 | 
                              { 'empty-drag-area': selectedWidgetsRight.length === 0 }, | 
          66 | 
                              { 'empty-drag-area': selectedWidgetsRight.length === 0 }, | 
        
        
          | 65 | 
                          ]"  | 
          67 | 
                          ]"  | 
        
            
               | 
               | 
              68 | 
                              @start="handleDragStart"  | 
            
            
              | 69 | 
                              @end="handleDragEnd"  | 
            
        
          | 66 | 
                      >  | 
          70 | 
                      >  | 
        
        
          | 67 | 
                          <component  | 
          71 | 
                          <component  | 
        
        
          | 68 | 
                              v-for="(widget, index) in selectedWidgetsRight"  | 
          72 | 
                              v-for="(widget, index) in selectedWidgetsRight"  | 
        
  
    | 
      
            Lines 93-98
          export default {
      
      
        Link Here
      
     | 
  
        
          | 93 | 
                  const availableWidgets = props.availableWidgets;  | 
          97 | 
                  const availableWidgets = props.availableWidgets;  | 
        
        
          | 94 | 
                  const selectedWidgetsLeft = ref([]);  | 
          98 | 
                  const selectedWidgetsLeft = ref([]);  | 
        
        
          | 95 | 
                  const selectedWidgetsRight = ref([]);  | 
          99 | 
                  const selectedWidgetsRight = ref([]);  | 
        
            
               | 
               | 
              100 | 
                      const isDragging = ref(false);  | 
            
        
          | 96 | 
           | 
          101 | 
           | 
        
        
          | 97 | 
                  const { setComponentDialog } = inject("mainStore"); | 
          102 | 
                  const { setComponentDialog } = inject("mainStore"); | 
        
        
          | 98 | 
           | 
          103 | 
           | 
        
  
    | 
      
            Lines 251-256
          export default {
      
      
        Link Here
      
     | 
  
        
          | 251 | 
                      { deep: true } | 
          256 | 
                      { deep: true } | 
        
        
          | 252 | 
                  );  | 
          257 | 
                  );  | 
        
        
          | 253 | 
           | 
          258 | 
           | 
        
            
               | 
               | 
              259 | 
                      function handleDragStart() { | 
            
            
              | 260 | 
                          isDragging.value = true;  | 
            
            
              | 261 | 
                      }  | 
            
            
              | 262 | 
                      function handleDragEnd() { | 
            
            
              | 263 | 
                          isDragging.value = false;  | 
            
            
              | 264 | 
                      }  | 
            
            
              | 265 | 
               | 
            
        
          | 254 | 
                  return { | 
          266 | 
                  return { | 
        
        
          | 255 | 
                      ...props,  | 
          267 | 
                      ...props,  | 
        
        
          | 256 | 
                      selectedWidgetsLeft,  | 
          268 | 
                      selectedWidgetsLeft,  | 
        
  
    | 
      
            Lines 260-265
          export default {
      
      
        Link Here
      
     | 
  
        
          | 260 | 
                      removeWidget,  | 
          272 | 
                      removeWidget,  | 
        
        
          | 261 | 
                      moveWidget,  | 
          273 | 
                      moveWidget,  | 
        
        
          | 262 | 
                      toggleWidgetPicker,  | 
          274 | 
                      toggleWidgetPicker,  | 
        
            
               | 
               | 
              275 | 
                          handleDragEnd,  | 
            
            
              | 276 | 
                          handleDragStart,  | 
            
            
              | 277 | 
                          isDragging,  | 
            
        
          | 263 | 
                  };  | 
          278 | 
                  };  | 
        
        
          | 264 | 
              },  | 
          279 | 
              },  | 
        
        
          | 265 | 
              components: { | 
          280 | 
              components: { | 
        
            
              | 266 | 
              -   | 
               | 
               |