Add placeholder to customer lookup for new order

also hide phone field unless customer is identified

tailbone/static/js/tailbone.buefy.autocomplete.js

@@ -10,6 +10,7 @@ const TailboneAutocomplete = {
         initialLabel: String,
         assignedValue: String,
         assignedLabel: String,
+        placeholder: String,
     },
 
     data() {

tailbone/templates/autocomplete.mako

@@ -66,6 +66,7 @@
                       :name="name"
                       v-show="!assignedValue && !selected"
                       v-model="value"
+                      :placeholder="placeholder"
                       :data="data"
                       @typing="getAsyncData"
                       @select="selectionMade"

tailbone/templates/custorders/create.mako

@@ -108,16 +108,17 @@
             </div>
 
             <div v-show="customerIsKnown">
-              <b-field label="Customer Name" horizontal>
+              <b-field label="Customer" horizontal>
-                <tailbone-autocomplete
+                <tailbone-autocomplete ref="customerAutocomplete"
-                   ref="customerAutocomplete"
                                        v-model="customerUUID"
+                                       placeholder="Enter name or phone number"
                                        :initial-label="customerDisplay"
                                        serviceUrl="${url('customers.autocomplete')}"
                                        @input="customerChanged">
                 </tailbone-autocomplete>
               </b-field>
-              <b-field label="Phone Number" horizontal>
+              <b-field label="Phone Number" horizontal
+                       v-show="customerUUID">
                 <b-input v-model="phoneNumberEntry"
                          @input="phoneNumberChanged"
                          @keydown.native="phoneNumberKeyDown">