SHARE
TWEET

Untitled

a guest Jan 24th, 2020 72 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1.     <div class="w-full flex">
  2.         <label for="name" class="block uppercase tracking-wide text-black-v2 text-xs font-bold mb-2">List all the Attributes
  3.         </label>
  4.         <span>
  5.             <i class="fas fa-plus-circle h-4 w-4 text-grey-darker" @click="add(k)" v-show="k == inputs.length-1">
  6.             </i>
  7.         </span>
  8.     </div>
  9.  
  10.     <div class="w-full flex inline-block" v-for="(input,k) in inputs" :key="k">
  11.         <!-- if there's no products for this person -->
  12.         <div v-if="user.products.length === 0" class="flex inline-block w-full">
  13.             <select v-model="inputs.crime_id" class="hover:bg-grey-lightest bg-grey-lighter w-full mb-2 p-2 leading-normal">   
  14.                 <option v-for="products in products">{{ products.brand }} </option>
  15.             </select>
  16.             <div id="input-group" class="ml-4 w-3/5">          
  17.                 <input type="text" v-model="inputs.name" class="hover:bg-grey-lightest bg-grey-lighter w-full mb-2 p-2 leading-normal" id="pin" name="pin" autocomplete="name" placeholder="Attribute Details" required>
  18.             </div>
  19.             <span>
  20.                 <i class="fas fa-minus-circle" @click="remove(k)" v-show="k || ( !k && inputs.length > 1)">
  21.                 </i>
  22.                 <i class="fas fa-plus-circle" @click="add(k)" v-show="k == inputs.length-1">
  23.                 </i>
  24.             </span>
  25.         </div>
  26.         <div class="w-full inline-block" v-else>
  27.             <div v-for="products in user.products">
  28.                 <!-- <p>{{ products.brand }} </p> -->
  29.                 <div class="flex inline-block">
  30.                     <select class="hover:bg-grey-lightest bg-grey-lighter w-full mb-2 p-2 leading-normal">
  31.                         <option v-for="products in products">{{ products.brand }} </option>
  32.                     </select>
  33.                     <div class="flex inline-block">
  34.                         <div id="input-group" class="ml-4 w-3/5">          
  35.                             <input type="text" :value="user.profile.weight_in_kilos" class="hover:bg-grey-lightest bg-grey-lighter w-full mb-2 p-2 leading-normal" id="pin" name="pin" autocomplete="name" placeholder="Crime Details" required>
  36.                         </div>
  37.                         <span class="mr-2">
  38.                             <i class="fas fa-minus-circle" @click="remove(k)" v-show="k || ( !k && inputs.length > 1)">
  39.                             </i>
  40.                             <i class="fas fa-plus-circle" @click="add(k)" v-show="k == inputs.length-1">
  41.                             </i>
  42.                         </span>
  43.                     </div>
  44.                 </div>
  45.             </div>
  46.         </div>
  47.     </div>
RAW Paste Data
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy. OK, I Understand
Top