+
{
-
const dismiss = $q.notify({
spinner: true,
message: "Please wait while loading users...",
});
- usersService.orgUsers(0, 1000, "email", false, "", store.state.selectedOrganization.identifier).then((res) => {
- resultTotal.value = res.data.data.length;
- // columns.value = columns.value.filter((v: any) => v.name !== "actions");
- let counter = 1;
- orgMembers.value = res.data.data.map((data: any) => {
- if (store.state.userInfo.email == data.email) {
- currentUserRole.value = data.role
+ usersService
+ .orgUsers(
+ 0,
+ 1000,
+ "email",
+ false,
+ "",
+ store.state.selectedOrganization.identifier
+ )
+ .then((res) => {
+ resultTotal.value = res.data.data.length;
+ if (config.isZincObserveCloud == 'true') {
+ columns.value = columns.value.filter((v: any) => v.name !== "actions");
}
+ let counter = 1;
+ orgMembers.value = res.data.data.map((data: any) => {
+ if (store.state.userInfo.email == data.email) {
+ currentUserRole.value = data.role;
+ }
- return {
- "#": counter <= 9 ? `0${counter++}` : counter++,
- email: data.email,
- first_name: data.first_name,
- last_name: data.last_name,
- role: data.role,
- member_created: date.formatDate(parseInt(data.member_created), "YYYY-MM-DDTHH:mm:ssZ"),
- member_updated: date.formatDate(parseInt(data.member_updated), "YYYY-MM-DDTHH:mm:ssZ"),
- org_member_id: data.org_member_id,
- isLoggedinUser: store.state.userInfo.email == data.email
- };
+ return {
+ "#": counter <= 9 ? `0${counter++}` : counter++,
+ email: data.email,
+ first_name: data.first_name,
+ last_name: data.last_name,
+ role: data.role,
+ member_created: date.formatDate(
+ parseInt(data.member_created),
+ "YYYY-MM-DDTHH:mm:ssZ"
+ ),
+ member_updated: date.formatDate(
+ parseInt(data.member_updated),
+ "YYYY-MM-DDTHH:mm:ssZ"
+ ),
+ org_member_id: data.org_member_id,
+ isLoggedinUser: store.state.userInfo.email == data.email,
+ };
+ });
+
+ dismiss();
});
-
- dismiss();
- });
-
};
if (orgMembers.value.length == 0) {
@@ -393,7 +400,7 @@ export default defineComponent({
const updateUser = (props: any) => {
selectedUser.value = props.row;
showUpdateUserDialog.value = true;
- }
+ };
const addUser = (props: any, is_updated: boolean) => {
isUpdated.value = is_updated;
@@ -404,7 +411,15 @@ export default defineComponent({
}
showAddUserDialog.value = true;
- }
+
+ segment.track("Button Click", {
+ button: "Actions",
+ user_org: store.state.selectedOrganization.identifier,
+ user_id: store.state.userInfo.email,
+ update_user: props.row.email,
+ page: "Users",
+ });
+ };
const updateMember = (data: any) => {
if (data.data != undefined) {
@@ -415,7 +430,7 @@ export default defineComponent({
});
showUpdateUserDialog.value = false;
}
- }
+ };
const addMember = (res: any, data: any, operationType: string) => {
showAddUserDialog.value = false;
@@ -444,15 +459,20 @@ export default defineComponent({
});
}
}
- }
+ };
const deleteUser = (props: any) => {
confirmDelete.value = true;
};
const inviteUser = () => {
- const emailArray = userEmail.value.split(';').filter((email: any) => email).map((email: any) => email.trim())
- const validationArray = emailArray.map((email: any) => validateEmail(email))
+ const emailArray = userEmail.value
+ .split(";")
+ .filter((email: any) => email)
+ .map((email: any) => email.trim());
+ const validationArray = emailArray.map((email: any) =>
+ validateEmail(email)
+ );
if (!validationArray.includes(false)) {
const dismiss = $q.notify({
@@ -461,10 +481,11 @@ export default defineComponent({
timeout: 2000,
});
- organizationsService.add_members(
- { member_lists: emailArray, role: selectedRole.value },
- store.state.selectedOrganization.identifier
- )
+ organizationsService
+ .add_members(
+ { member_lists: emailArray, role: selectedRole.value },
+ store.state.selectedOrganization.identifier
+ )
.then((res: { data: any }) => {
const data = res.data;
@@ -486,60 +507,78 @@ export default defineComponent({
// this.$emit("updated");
dismiss();
- }).catch(error => {
+ })
+ .catch((error) => {
dismiss();
$q.notify({
type: "negative",
message: error.message,
timeout: 5000,
});
- })
+ });
userEmail.value = "";
+
+ segment.track("Button Click", {
+ button: "Invite User",
+ user_org: store.state.selectedOrganization.identifier,
+ user_id: store.state.userInfo.email,
+ page: "Users",
+ });
} else {
$q.notify({
type: "negative",
message: `Please enter correct email id.`,
});
}
- }
+ };
const updateUserRole = (row: any) => {
-
const dismiss = $q.notify({
spinner: true,
message: "Please wait...",
timeout: 2000,
});
- organizationsService.update_member_role(
- {
- id: parseInt(row.orgMemberId),
- role: row.role,
- email: row.email,
- organization_id: parseInt(store.state.selectedOrganization.id),
- },
- store.state.selectedOrganization.identifier
- ).then((res: { data: any }) => {
- if (res.data.error_members != null) {
- const message = `Error while updating organization member`;
- $q.notify({
- type: "negative",
- message: message,
- timeout: 15000,
- });
- } else {
- $q.notify({
- type: "positive",
- message: "Organization member updated successfully.",
- timeout: 3000,
- });
- }
- dismiss();
- }).catch(error => {
- dismiss();
- console.log(error);
+ organizationsService
+ .update_member_role(
+ {
+ id: parseInt(row.orgMemberId ? row.orgMemberId : row.org_member_id),
+ role: row.role,
+ email: row.email,
+ organization_id: parseInt(store.state.selectedOrganization.id),
+ },
+ store.state.selectedOrganization.identifier
+ )
+ .then((res: { data: any }) => {
+ if (res.data.error_members != null) {
+ const message = `Error while updating organization member`;
+ $q.notify({
+ type: "negative",
+ message: message,
+ timeout: 15000,
+ });
+ } else {
+ $q.notify({
+ type: "positive",
+ message: "Organization member updated successfully.",
+ timeout: 3000,
+ });
+ }
+ dismiss();
+ })
+ .catch((error) => {
+ dismiss();
+ console.log(error);
+ });
+
+ segment.track("Button Click", {
+ button: "Update Role",
+ user_org: store.state.selectedOrganization.identifier,
+ user_id: store.state.userInfo.email,
+ update_user: row.email,
+ page: "Users",
});
- }
+ };
return {
t,
qTable,
@@ -572,7 +611,12 @@ export default defineComponent({
var filtered = [];
terms = terms.toLowerCase();
for (var i = 0; i < rows.length; i++) {
- if (rows[i]["first_name"]?.toLowerCase().includes(terms) || rows[i]["last_name"]?.toLowerCase().includes(terms) || rows[i]["email"]?.toLowerCase().includes(terms) || rows[i]["role"].toLowerCase().includes(terms)) {
+ if (
+ rows[i]["first_name"]?.toLowerCase().includes(terms) ||
+ rows[i]["last_name"]?.toLowerCase().includes(terms) ||
+ rows[i]["email"]?.toLowerCase().includes(terms) ||
+ rows[i]["role"].toLowerCase().includes(terms)
+ ) {
filtered.push(rows[i]);
}
}
@@ -583,22 +627,25 @@ export default defineComponent({
options,
inviteUser,
currentUserRole,
- updateUserRole
+ updateUserRole,
};
},
computed: {
selectedOrg() {
- return this.store.state.selectedOrganization.identifier
- }
+ return this.store.state.selectedOrganization.identifier;
+ },
},
watch: {
selectedOrg(newVal: any, oldVal: any) {
this.orgData = newVal;
- if ((newVal != oldVal || this.orgMembers.value == undefined) && this.router.currentRoute.value.name == "users") {
+ if (
+ (newVal != oldVal || this.orgMembers.value == undefined) &&
+ this.router.currentRoute.value.name == "users"
+ ) {
this.getOrgMembers();
}
- }
- }
+ },
+ },
});