ComunicWeb/assets/zip/personnal-data-export-navigator/Export.html

126 lines
4.4 KiB
HTML

<!DOCTYPE html>
<html>
<head>
<title>Account data export</title>
<!--Import Google Icon Font-->
<link href="assets/material-design-icons/material-icons.css" rel="stylesheet">
<!--Import materialize.css-->
<link type="text/css" rel="stylesheet" href="assets/materialize/css/materialize.min.css" media="screen,projection"/>
<link rel="stylesheet" href="assets/css/main.css" />
<script>
//Project configuration
const SOURCE_URL = "./source.json";
const STORAGE_URL = "./files/";
</script>
</head>
<body>
<header>
<div class="container"><a href="#" data-target="nav-mobile" class="top-nav sidenav-trigger waves-effect waves-light circle hide-on-large-only"><i class="material-icons">menu</i></a></div>
<ul id="nav-mobile" class="sidenav sidenav-fixed">
<li class="bold"><a href="#home" class="waves-effect waves-teal">Comunic data export</a></li>
<li class="bold"><a href="#user-info" class="waves-effect waves-teal">User Information</a></li>
<li class="bold"><a href="#friends-list" class="waves-effect waves-teal">Friends List</a></li>
<li class="bold"><a href="#posts" class="waves-effect waves-teal">Posts</a></li>
<li class="bold"><a href="#comments" class="waves-effect waves-teal">Comments</a></li>
<li class="bold"><a href="#likes" class="waves-effect waves-teal">Likes</a></li>
<li class="bold"><a href="#survey-responses" class="waves-effect waves-teal">Responses to surveys</a></li>
<li class="bold"><a href="#movies" class="waves-effect waves-teal">Movies</a></li>
<li class="bold"><a href="#all-conversations-message" class="waves-effect waves-teal">Conversations Messages (ALL)</a></li>
<li class="bold"><a href="#conversations" class="waves-effect waves-teal">Conversations</a></li>
</ul>
</header>
<main>
<div id="home" class="category container">
Please use the navigation bar located at the left of this page to access to the different categories of content.
</div>
<!-- User information -->
<div id="user-info" class="category container">
<h1>User information</h1>
<table class="user-information-table">
<tr><td>User ID</td><td id="u-uid"></td></tr>
<tr><td>First name</td><td id="u-firstname"></td></tr>
<tr><td>Last name</td><td id="u-lastname"></td></tr>
<tr><td>Is page public</td><td id="u-pagepublic"></td></tr>
<tr><td>Is page open</td><td id="u-pageopen"></td></tr>
<tr><td>Virtual directory</td><td id="u-virtualdirectory"></td></tr>
<tr><td>Account image</td><td><img id="u-accountimage"></td></tr>
<tr><td>Is friend list public</td><td id="u-publicfriendslist"></td></tr>
<tr><td>Personnal website</td><td id="u-personnalwebsite"></td></tr>
<tr><td>Public note</td><td id="u-publicnote"></td></tr>
<tr><td>Comments forbidden</td><td id="u-commentsforbidden"></td></tr>
<tr><td>Allow posts from friends</td><td id="u-allowpostsfromfriends"></td></tr>
<tr><td>Account creation time</td><td id="u-accountcreationtime"></td></tr>
<tr><td>Background image</td><td><img id="u-bgimage" class="background-image" /></td></tr>
<tr><td>Page likes</td><td id="u-pagelikes"></td></tr>
</table>
</div>
<!-- User friends list -->
<div id="friends-list" class="category container">
<table id="friends-list-table">
<thead>
<th>Name</th>
<th>Accepted</th>
<th>Last active</th>
</thead>
<tbody>
</tbody>
</table>
</div>
<!-- Posts list -->
<div id="posts" class="category container">
<div id="posts-target">
<!-- Posts will go here -->
</div>
</div>
<div id="comments" class="category container">
Loading comments
</div>
<div id="likes" class="category container">
Loading likes
</div>
<div id="survey-responses" class="category container">
Loading survey responses
</div>
<div id="movies" class="category container">
Loading movies
</div>
<div id="all-conversations-message" class="category container">
Loading all conversation messages
</div>
<div id="conversations" class="category container">
Loading conversations
</div>
</main>
<!--JavaScript at end of body for optimized loading-->
<script type="text/javascript" src="assets/materialize/js/materialize.min.js"></script>
<script src="assets/js/utils.js"></script>
<script src="assets/js/categories/userInfo.js"></script>
<script src="assets/js/categories/friends.js"></script>
<script src="assets/js/categories/posts.js"></script>
<script src="assets/js/main.js"></script>
</body>
</html>