progress indicators, bug fixes, after a while

resources/views/client/edit.blade.php

@@ -334,6 +334,16 @@
                               </div>
                           </div>                              
                       </div>
+                      <div class="col-md-12">
+                        <div class="form-group" > 
+                        <!-- style="background-color: skyblue;"                                 -->
+                            <div class=" {{ $errors->has('progress_indicators') ? 'has-error' : ''}}">
+                              <label class="" for="payment_mode">Progress Indicators</label>
+                              {!! Form::select('progress_indicators[]', $progress_indicators, $current_progress_indicators, ['class' => 'form-control' , 'id' => 'progressIndicators', 'multiple' => 'true']) !!}
+                              {!! $errors->first('progress_indicators', '<p class="help-block">:message</p>') !!}
+                            </div>
+                          </div>
+                      </div>
                   </div>
                   <div class="ln_solid"></div>
                   <div class="form-group">

resources/views/client/index-tabulator.blade.php

@@ -53,14 +53,18 @@
         <div class="x_panel">
           <div class="x_title">
             <h2> Clients </h2>
-            <div class="pull-right">
-                <a class="btn btn-primary btn-sm" href="{!! url('clients/create') !!}"><i class="fa fa-plus-circle"></i> Add Client
-                </a>
+
+            <div class="pull-right">              
+              <a class="btn btn-primary btn-sm" href="{!! url('clients/create') !!}"><i class="fa fa-plus-circle"></i> Add Client</a>
             </div>
             <div class="clearfix"></div>
           </div>
 
           <div class="x_content">
+            <div>
+              <button id="clients-download-xlsx" class="btn btn-success btn-sm"><i class="fa fa-file-excel-o"></i> Download XLSX</button>
+              <button id="clients-download-pdf" class="btn btn-danger btn-sm"><i class="fa fa-file-pdf-o"></i> Download PDF</button>
+              </div>
             <div id="clientsTable"></div>
           </div>
         </div>
@@ -72,7 +76,11 @@
 
 @section('javascript')
 <script src="{!! url('public/assets/vendors/tabulator/js/tabulator.js') !!}"></script>
-  <script type="text/javascript">
+<script type="text/javascript" src="{!! url('public/assets/vendors/tabulator/js/xlsx.full.min.js') !!}"></script>
+<script type="text/javascript" src="{!! url('public/assets/vendors/tabulator/js/jspdf.min.js') !!}"></script>
+<script type="text/javascript" src="{!! url('public/assets/vendors/tabulator/js/jspdf.plugin.autotable.js') !!}"></script>
+
+<script type="text/javascript">
   $(document).ready(function(){
     function link(cell, formatterParams){
       var url = cell.getValue();
@@ -100,6 +108,14 @@
                 field: "accountMgr",
                 sorter: "string",
             },
+            {   title:"Progress", 
+                field:"progress_indicator_score", 
+                sorter:"number", 
+                hozAlign:"left", 
+                formatter:"progress", 
+                width:200,  
+                editable:true
+            },
             {
                 title: "Status",
                 field: "status",
@@ -113,7 +129,8 @@
             {
                 title: "Flag",
                 field: "theflag",
-                  formatter:"image", formatterParams:{
+                download: false,
+                formatter:"image", formatterParams:{
                     height:"20px",
                     width:"30px",
                     // urlPrefix:"http://website.com/images/",
@@ -126,12 +143,25 @@
                 sorter: "string",
             }
         ],
+        // $('#clients-download-xlsx').click(function(){
+        //   table.download("xlsx", "client-list.xlsx", {sheetName:"Sheet 1"});
+        // });
 
         rowClick:function(e, row){
         var userID = row.getData().id;
         //$('#userEditModal').modal('show');
         },
     });
+    document.getElementById("clients-download-xlsx").addEventListener("click", function(){
+      table.download("xlsx", "client-list.xlsx", {sheetName:"Sheet 1"});
+    });
+        //trigger download of data.pdf file
+    document.getElementById("clients-download-pdf").addEventListener("click", function(){
+      table.download("pdf", "client-list.pdf", {
+          orientation:"portrait", //set page orientation to portrait
+          title:"Click Mobile - Clients", //add title to report
+      });
+    }); 
     
     $('#keywordField').on('keyup', function(){
       console.log('up');

resources/views/client/partials/finance.blade.php

@@ -30,7 +30,7 @@
                   <div class="col-md-12" style="padding-bottom: 5px;">
                     <label for="invoiceAmount">Invoice Amount</label>
                     <input type="text" class="form-control" name="invoice_amount" id="invoiceAmount" required >
-                    <div class="help-block text-warning">Enter Amount with comma</div>
+                    <div class="help-block text-warning">Enter Amount without commas</div>
                   </div>
                 </div>               
                 <div class="form-group">