mirror of
https://github.com/pierre42100/ComunicWeb
synced 2024-12-26 18:58:50 +00:00
222 lines
6.0 KiB
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="#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">
|
|
|
|
<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 movies list -->
|
|
<div id="movies" class="category container">
|
|
|
|
<h1>Your movies</h1>
|
|
|
|
|
|
<table id="full-movie-list-table">
|
|
|
|
<thead>
|
|
<tr>
|
|
<th>Number</th>
|
|
<th>Name</th>
|
|
<th>File type</th>
|
|
<th>File size</th>
|
|
<th>Actions</th>
|
|
</tr>
|
|
</thead>
|
|
|
|
|
|
<tbody>
|
|
<!-- Movies will go here -->
|
|
</tbody>
|
|
|
|
</table>
|
|
|
|
</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/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/movies.js"></script>
|
|
<script src="assets/js/main.js"></script>
|
|
</body>
|
|
</html> |