58 lines
No EOL
2.3 KiB
Vue
58 lines
No EOL
2.3 KiB
Vue
<template>
|
|
<div>
|
|
<div class="card">
|
|
<div class="card-body">
|
|
<h5 class="card-title">Privacy and safety</h5>
|
|
<form>
|
|
<div class="mb-3">
|
|
<label class="form-label d-block">Profile visibility</label>
|
|
<div class="custom-control custom-switch">
|
|
<input class="custom-control-input" type="checkbox"
|
|
id="profile-visibility">
|
|
<label class="custom-control-label" for="profile-visibility">Visible to
|
|
everyone</label>
|
|
</div>
|
|
</div>
|
|
<div class="mb-3">
|
|
<label class="form-label d-block">Photo visibility</label>
|
|
<div class="custom-control custom-switch">
|
|
<input class="custom-control-input" type="checkbox"
|
|
id="photo-visibility">
|
|
<label class="custom-control-label" for="photo-visibility">Visible to
|
|
everyone</label>
|
|
</div>
|
|
</div>
|
|
<div class="mb-3">
|
|
<label class="form-label d-block">Last seen</label>
|
|
<div class="custom-control custom-switch">
|
|
<input class="custom-control-input" type="checkbox"
|
|
id="last-seen-visibility">
|
|
<label class="custom-control-label" for="last-seen-visibility">Visible to
|
|
everyone</label>
|
|
</div>
|
|
</div>
|
|
<button type="submit" class="btn btn-primary">Save
|
|
changes
|
|
</button>
|
|
</form>
|
|
</div>
|
|
<div class="card-footer">
|
|
<small>Changes will be reflected to all your devices</small>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
import {mapActions, mapGetters, mapMutations} from 'vuex';
|
|
import router from "@/router";
|
|
|
|
export default {
|
|
name: 'Privacy',
|
|
components: {}
|
|
}
|
|
</script>
|
|
|
|
<style scoped>
|
|
|
|
</style> |