Merge pull request #395 from FatemehMoghadam/multibook

prevent checkbox being ticked when a site is booked
dbca-wa · Aug 30, 2018 · 31f0d60 · 31f0d60
2 parents fbeaf81 + ad8b01e
commit 31f0d60
Show file tree

Hide file tree

Showing 3 changed files with 28 additions and 4 deletions.
diff --git a/parkstay/frontend/parkstay/src/components/booking/addbooking.vue b/parkstay/frontend/parkstay/src/components/booking/addbooking.vue
@@ -10,7 +10,7 @@
                                     <h3 class="text-primary pull-left">Book a Campsite at {{campground.name}}</h3>
                                 </div>
                                 <div class="col-md-6" v-if="(campground.site_type == 1) || (campground.site_type == 2)"> 
-                                    <router-link style="margin-top:20px;" class="btn btn-primary table_btn pull-right" :to="{name:'booking-close-classes'}">Booking close campsite</router-link>
+                                    <router-link style="margin-top:20px;" class="btn btn-primary table_btn pull-right" :to="{name:'booking-close-classes'}">Book closed campsite(s)</router-link>
                                 </div> 
                             </div>
                             <div class="col-md-12">
@@ -87,7 +87,7 @@
                                                 <th class="form-group">Campsite</th>
                                                 <th class="form-group">Status</th>
                                                 <th >Sites to book
-                                                    <input class="checkbox" type="checkbox" id="selectAll"  v-model="selectAll"> 
+                                                    <input class="checkbox" type="checkbox" id="selectAll"  v-model="selectAll" :disabled="isDisabled"> 
                                                 </th>
                                             </tr>
                                         </thead>
@@ -544,6 +544,18 @@ export default {
                 });
             }
             return results;
+        },
+        isDisabled:function(){
+            let vm = this;
+            var stat = [];
+            vm.booking.campsites.forEach(function(el){
+               stat.push(el.status);        
+            }); 
+            return stat.find(function(value, index){
+                if (value == "booked"){
+                    return true;
+                }
+            });          
         }
     },
     filters: {

diff --git a/parkstay/frontend/parkstay/src/components/booking/booking-close-classes.vue b/parkstay/frontend/parkstay/src/components/booking/booking-close-classes.vue
@@ -123,7 +123,7 @@
                                                  <th class="site">Campsite</th>
                                                  <th class="form-group">Status</th>
                                                  <th class="numBook">Site to book
-                                                    <input class="checkbox" type="checkbox" id="selectAll"  v-model="selectAll"> 
+                                                    <input class="checkbox" type="checkbox" id="selectAll"  v-model="selectAll" :disabled="isDisabled"> 
                                                  </th>
                                             </tr>
                                         </thead>
@@ -534,6 +534,18 @@ export default {
 				results = vm.multibook_selected;
             }
             return results;
+        },
+        isDisabled:function(){
+            let vm = this;
+            var stat = [];
+            vm.booking.campsite_classes.forEach(function(el){
+               stat.push(el.status);      
+            }); 
+            return stat.find(function(value, index){
+                if (value == "booked"){
+                    return true;
+                }
+            });          
         }
     },
     filters: {

diff --git a/parkstay/static/parkstay/js/parkstay.js b/parkstay/static/parkstay/js/parkstay.js