Data Management
Explore public data, manage and share your own content
Not logged in - viewing public data only
Logout
Register
Username
Password
Create Account
Login
Username
Password
Login
Add New Data
Title
Data
</div> <div class="form-group"> <label>Data Type</label> <select id="dataTypeSelect"> <option value="text/plain">Plain Text</option> <option value="application/json">JSON</option> <option value="text/html">HTML</option> <option value="text/markdown">Markdown</option> <option value="text/javascript">JavaScript</option> <option value="text/css">CSS</option> <option value="application/xml">XML</option> <option value="other">Other</option> </select> </div> <div class="form-group hidden" id="customTypeGroup"> <label>Custom Type</label> <input type="text" id="customType" placeholder="Enter custom data type"> </div> <div class="form-group"> <label>Permission Level</label> <select id="permissionSelect"> <option value="private">Private (only you can see)</option> <option value="public">Public (everyone can see)</option> <option value="specific">Specific Users (choose who can see)</option> </select> </div> <div class="form-group hidden" id="specificUsersGroup"> <label>Allowed Users (comma-separated)</label> <input type="text" id="specificUsers" placeholder="user1, user2, user3"> </div> <button onclick="createData()">Add Data</button> </div> <!-- Messages --> <div id="messageArea"></div> <!-- Data Display --> <div id="dataGrid" class="data-grid"></div> <!-- Edit Modal --> <div id="editModal" class="modal"> <div class="modal-content"> <span class="close-modal" onclick="closeEditModal()">×</span> <h2 class="modal-header">Edit Data</h2> <input type="hidden" id="editDataId"> <div class="form-group"> <label>Title</label> <input type="text" id="editDataTitle"> </div> <div class="form-group"> <label>Data</label> <textarea id="editDataInput">
Data Type
Plain Text
JSON
HTML
Markdown
JavaScript
CSS
XML
Other
Custom Type
Permission Level
Private
Public
Specific Users
Allowed Users (comma-separated)
Save Changes
Cancel