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

222 lines
6.0 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="#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">
<h1>Exported Comunic Account Data Viewer</h1>
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">
<h1>Your friends list</h1>
<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">
<h1>All your posts</h1>
<div id="posts-target">
<!-- Posts will go here -->
</div>
</div>
<!-- Full comments list -->
<div id="comments" class="category container">
<h1>All your comments</h1>
<table id="all-comments-table">
<thead>
<tr>
<th>Number</th>
<th>Post ID</th>
<th>Date</th>
<th>Content</th>
<th>Image</th>
</tr>
</thead>
<tbody>
<!-- Comments will go here -->
</tbody>
</table>
</div>
<!-- All user likes -->
<div id="likes" class="category container">
<h1>All your likes</h1>
<table id="all-likes-table">
<thead>
<tr>
<th>Number</th>
<th>Date</th>
<th>Element type</th>
<th>Element ID</th>
</tr>
</thead>
<tbody>
<!-- Likes will go here-->
</tbody>
</table>
</div>
<!-- All survey responses -->
<div id="survey-responses" class="category container">
<h1>All your responses to surveys</h1>
<table id="all-survey-responses">
<thead>
<tr>
<th>Response number</th>
<th>Survey Number</th>
<th>Choice number</th>
<th>Date</th>
</tr>
</thead>
<tbody>
<!-- Survey responses will go here -->
</tbody>
</table>
</div>
<!-- Entire list of conversation messages -->
<div id="all-conversations-message" class="category container">
<h1>All your conversation messages</h1>
<table id="all-conversation-messages-table">
<thead>
<tr>
<th>Number</th>
<th>Date</th>
<th>Message</th>
<th>Image</th>
</tr>
</thead>
<tbody>
<!-- Conversation messages will go here -->
</tbody>
</table>
</div>
<!-- All user conversations -->
<div id="conversations" class="category container">
<h1>Your conversations</h1>
<div id="conversations-target">
<!-- Conversations will go here -->
</div>
</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/categories/comments.js"></script>
<script src="assets/js/categories/likes.js"></script>
<script src="assets/js/categories/survey.js"></script>
<script src="assets/js/categories/allConversationMessages.js"></script>
<script src="assets/js/categories/conversations.js"></script>
<script src="assets/js/main.js"></script>
</body>
</html>