Posts

filter data in type script search function

< template >   < Div >     < input       type = "text"       v-model ="searchquery"       @ input ="filtereddata()"       placeholder = "Search title.."     />     < div v-if ="checkpw" class = "card" >       < div class = "card-header" >         < span class = "h3 text-primary mt-4" > Production Files </ span >       </ div >       < ul         class = "list-group list-group-flush"         v-for ="(value, index) in urls"         : key ="index"       >         < li class = "list-group-item h5" >           < i class = "bi bi-file-earmark-zip-fill text-primary h3 mx-2" ></ i >           < span > {{ value }} </ span >           < a             : href =" `https://production.brighterbins.com/production/download/ ${ value } ` "             class = "btn bt
Post a Comment
Read more

get urls data and split in the diffrent parts to get endpoint of file name given in last of url and show it .. by put in new array or variable by using -1

 <template>   <div class="card" v-if="checkpw">     <div class="card-header">       <span class="h3 text-primary mt-4">Production Script Files</span>     </div>     <ul class="list-group list-group-flush" v-for="(value, index) in urls" :key="index">       <li class="list-group-item h5">         <i class="bi bi-file-earmark-zip-fill text-primary h3 mx-2"></i>        <span> {{ value }} </span>       <a :href="`https://production.brighterbins.com/production/download/${value}`" class="btn btn-primary px-3 py-2" download>Download </a>        </li>     </ul>       <!-- @click="psFileDownload(value)" -->   </div>   <div v-if="errormsg" class="text-danger">     <h5 class="pt-5 pt-5 text-danger">You are not authorized to access 
Post a Comment
Read more

ktdatatable for admin panel invoices in admin panel code

  < template >   <!--begin::Card-->   < div : class =" `card pt-2 ${ cardClasses } ` " >     <!--begin::Card header-->     < div class = "card-header border-0" >       <!--begin::Card title-->       < div class = "card-title" >         < h2 > Invoices </ h2 >       </ div >       <!--end::Card title-->       <!--begin::Toolbar-->       < div class = "card-toolbar m-0" >         <!--begin::Tab nav-->         < ul           class = "nav nav-stretch fs-5 fw-bold nav-line-tabs nav-line-tabs-2x border-transparent"           role = "tablist"         >           < li class = "nav-item" role = "presentation" >             < a               id = "kt_referrals_year_tab"               class = "nav-link text-active-primary active"               data-bs-toggle = "tab"               role
Post a Comment
Read more

vue js 3 vuetify template

 https://themeselection.com/item/materio-vuetify-vuejs-admin-template/
Post a Comment
Read more

vue multiselect vue js

 https://vue-multiselect.js.org/
Post a Comment
Read more

sweetalert2 Swal.fire delete confirmation code vue js 3

  const delteUser =   async (id) => {       Swal.fire({         title: "Are you sure you want to delete this user?" ,         showCancelButton: true ,         confirmButtonText: "Confirm" ,         showLoaderOnConfirm: true ,         preConfirm: () => {           return new Promise<void>((resolve) => {             setTimeout(() => {               resolve();             }, 2000 );           });         },         allowOutsideClick: false ,       }).then( async (result) => {         if (result.isConfirmed === true ) {           const resp = await deleteUser(id);           console.log(resp)           loadData();         }       });     }; https://sweetalert2.github.io/
Post a Comment
Read more