Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Fixed click outside #2

Merged
merged 3 commits into from
May 20, 2023
Merged

Fixed click outside #2

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
a470d0d
Fixed click outside
smitpatelx May 20, 2023
bc3546c
Removed un-necessary blur handler from dialog.
smitpatelx May 20, 2023
63c51a0
Prod build
smitpatelx May 20, 2023
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 1 addition & 1 deletion dist/css/app.css
View file
Open in desktop

Large diffs are not rendered by default.

2 changes: 1 addition & 1 deletion dist/js/app.js
View file
Open in desktop

Large diffs are not rendered by default.

9 changes: 9 additions & 0 deletions dist/js/app.js.LICENSE.txt
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,5 +1,14 @@
/*!
* The buffer module from node.js, for the browser.
*
* @author Feross Aboukhadijeh <http://feross.org>
* @license MIT
*/

/*! VelocityJS.org (1.5.2). (C) 2014 Julian Shapiro. MIT @license: en.wikipedia.org/wiki/MIT_License */

/*! VelocityJS.org jQuery Shim (1.0.1). (C) 2014 The jQuery Foundation. MIT @license: en.wikipedia.org/wiki/MIT_License. */

/*! ieee754. BSD-3-Clause License. Feross Aboukhadijeh <https://feross.org/opensource> */

/*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */
2 changes: 1 addition & 1 deletion dist/js/vendor.js
View file
Open in desktop

Large diffs are not rendered by default.

6 changes: 4 additions & 2 deletions src/components/EditSinglePost.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,5 +1,7 @@
<template>
<div class="w-84 bg-white shadow-inner rounded-lg py-4 px-6" >
<div
class="w-84 bg-white shadow-inner rounded-lg py-4 px-6 z-10"
>
<form @keydown.esc="close()" @submit.prevent="save()" @reset.prevent="reset()" class="w-full flex flex-wrap justify-between items-center">
<p class="text-lg text-teal-600">Editing Customer id: <span class="font-medium">{{edit_id}}</span></p>
<div class="flex flex-wrap items-center justify-center">
Expand Down Expand Up @@ -187,7 +189,7 @@ export default {
setTimeout(()=>{
document.getElementById("first_name").focus();
},200);
}
},
}
</script>
<style lang="scss">
Expand Down
26 changes: 16 additions & 10 deletions src/components/SearchFilter.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -31,11 +31,11 @@
</span>
<span class="truncate pl-4 pr-2 py-2 text-left border-r border-gray-400 select-all col-span-3" :class="user.email ? '' : 'text-red-500'">{{user.email}}</span>
<span class="truncate pl-4 pr-2 py-2 text-left border-r border-gray-400 select-all capitalize col-span-2" :class="user.billing_company ? '' : 'text-red-500'">{{user.billing_company || 'Empty !!'}}</span>
<span class="truncate pl-4 pr-2 py-2 text-left grid grid-flow-col justify-between items-center capitalize select-none col-span-3">
<span class="truncate pl-4 pr-2 py-2 text-left grid grid-flow-col justify-between items-center capitalize select-none col-span-3 gap-x-2">
<div class="flex flex-wrap">
<span v-for="(rl,x) in user.roles" :key='x' class="rounded-full bg-teal-400 text-white font-medium py-2 px-3 text-sm ml-2 my-1 leading-none"> {{rl | filter_role}}</span>
</div>
<div class="flex flex-wrap items-center justify-between">
<div class="flex flex-nowrap gap-x-1 items-center justify-between">
<a :href="'/wp-admin/user-edit.php?user_id='+user.id+'&wp_http_referer=%2Fwp-admin%2Fusers.php'" target="_blank" class="text-teal-700 hover:text-gray-500 focus:text-gray-500 focus:outline-none select-none">
<svg class="w-5 h-5 fill-current inline-block mr-2 focus:outline-none select-none" viewBox="0 0 24 24"><path fill-rule="evenodd" d="M2.1 12a17 17 0 002.5 3.3c1.8 2 4.3 3.7 7.4 3.7 3.1 0 5.6-1.8 7.4-3.7a18.7 18.7 0 002.5-3.3 17 17 0 00-2.5-3.3C17.6 6.7 15.1 5 12 5 8.9 5 6.4 6.8 4.6 8.7A18.7 18.7 0 002.1 12zM23 12l.9-.4a10.6 10.6 0 00-.8-1.4L21 7.3c-2-2-5-4.3-8.9-4.3-3.9 0-6.9 2.2-8.9 4.3a20.7 20.7 0 00-3 4.2l.9.5-.9-.4a1 1 0 000 .8L1 12l-.9.4a8.3 8.3 0 00.2.4 18.5 18.5 0 002.8 3.9c2 2 5 4.3 8.9 4.3 3.9 0 6.9-2.2 8.9-4.3a20.7 20.7 0 003-4.2L23 12zm0 0l.9.4a1 1 0 000-.8l-.9.4z" clip-rule="evenodd"/><path fill-rule="evenodd" d="M12 10a2 2 0 100 4 2 2 0 000-4zm-4 2a4 4 0 118 0 4 4 0 01-8 0z" clip-rule="evenodd"/></svg>
</a>
Expand All @@ -55,10 +55,20 @@
</div>
</div>
</div>
<div :class="editing_status ? 'popup-container' : 'hidden'" class="w-full -ml-4 min-h-screen flex flex-wrap justify-center items-start pt-40 absolute top-0 overflow-hidden">
<zoom-center-transition>
<EditSinglePost :edit_id="edit_id" v-if="editing_status" @close_this="close_editing"/>
</zoom-center-transition>
<div
v-if="editing_status"
class="w-full -ml-4 min-h-screen absolute top-0 overflow-hidden"
>
<div class="w-full h-full min-h-screen relative flex flex-wrap items-center justify-center">
<zoom-center-transition>
<EditSinglePost :edit_id="edit_id" v-if="editing_status" @close_this="close_editing"/>
</zoom-center-transition>

<div
class="w-full h-full z-0 absolute top-0 left-0 bg-black opacity-50"
@click.capture="close_editing(false)"
/>
</div>
</div>
</div>
</template>
Expand Down Expand Up @@ -219,10 +229,6 @@ export default {
}
</script>
<style lang="scss">
.popup-container{
background: rgba(0, 0, 0, 0.322);
}

.filter-blur{
filter: blur(2px);
}
Expand Down