go-whatsapp-web-multidevice/src/views/components/AccountPrivacy.js

export default {
    name: 'AccountPrivacy',
    data() {
        return {
            data_privacy: null
        }
    },
    methods: {
        async openModal() {
            try {
                await this.submitApi();
                $('#modalUserPrivacy').modal('show');
                showSuccessInfo("Privacy fetched")
            } catch (err) {
                showErrorInfo(err)
            }
        },
        async submitApi() {
            try {
                let response = await http.get(`/user/my/privacy`)
                this.data_privacy = response.data.results;
            } catch (error) {
                if (error.response) {
                    throw new Error(error.response.data.message);
                }
                throw new Error(error.message);
            }
        },
    },
    template: `
    <div class="green card" @click="openModal" style="cursor: pointer">
        <div class="content">
            <div class="header">My Privacy Setting</div>
            <div class="description">
                Get your privacy settings
            </div>
        </div>
    </div>
    
    <!--  Modal UserPrivacy  -->
    <div class="ui small modal" id="modalUserPrivacy">
        <i class="close icon"></i>
        <div class="header">
            My Privacy
        </div>
        <div class="content">
            <ol v-if="data_privacy != null">
                <li>Who can add Group : <b>{{ data_privacy.group_add }}</b></li>
                <li>Who can see my Last Seen : <b>{{ data_privacy.last_seen }}</b></li>
                <li>Who can see my Status : <b>{{ data_privacy.status }}</b></li>
                <li>Who can see my Profile : <b>{{ data_privacy.profile }}</b></li>
                <li>Read Receipts : <b>{{ data_privacy.read_receipts }}</b></li>
            </ol>
        </div>
    </div>
    `
}