mirror of
https://github.com/neocities/neocities.git
synced 2025-04-24 17:22:35 +02:00
add new views
This commit is contained in:
Kyle Drake
parent
f6af2cbbcf
commit
a0707e9d54
2 changed files with 281 additions and 0 deletions
108
views/dashboard/files.erb
Normal file
108
views/dashboard/files.erb
Normal file
|
|
@ -0,0 +1,108 @@
|
||||||
|
<div id="uploadingOverlay" class="uploading-overlay" style="display: none">
|
||||||
|
<div class="uploading">
|
||||||
|
<p>Uploading, please wait...</p>
|
||||||
|
<p id="uploadFileName"></p>
|
||||||
|
<div id="progressBar" class="progress-bar" style="display: none"><div id="uploadingProgress" class="progress" style="width: 0%"></div></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div id="movingOverlay" class="uploading-overlay" style="display: none">
|
||||||
|
<div class="uploading">
|
||||||
|
<p>Moving file, please wait...</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="header">
|
||||||
|
<div class="btn-group" role="group" aria-label="...">
|
||||||
|
<button type="button" class="btn btn-default iconview-button" title="Icon View" onclick="iconView()"><i class="fa fa-th"></i></button>
|
||||||
|
<button type="button" class="btn btn-default listview-button" title="List View" onclick="listView()"><i class="fa fa-list"></i></button>
|
||||||
|
</div>
|
||||||
|
<div class="breadcrumbs">
|
||||||
|
<% if params[:dir].nil? || params[:dir].empty? || params[:dir] == '/' %>
|
||||||
|
Home
|
||||||
|
<% else %>
|
||||||
|
<a href="/dashboard">Home</a>
|
||||||
|
<% end %>
|
||||||
|
|
||||||
|
<% if @dir %>
|
||||||
|
<% dir_array = @dir.split '/' %>
|
||||||
|
<% dir_array.each_with_index do |dir,i| %>
|
||||||
|
<% if i+1 < dir_array.length %>
|
||||||
|
<a href="/dashboard?dir=<%= Rack::Utils.escape dir_array[1..i].join('/') %>"><%= dir %></a> <i class="fa fa-angle-right"></i>
|
||||||
|
<% else %>
|
||||||
|
<%= dir %>
|
||||||
|
<% end %>
|
||||||
|
<% end %>
|
||||||
|
<% end %>
|
||||||
|
</div>
|
||||||
|
<div class="actions">
|
||||||
|
<a href="#createFile" class="btn-Action" data-toggle="modal"><i class="fa fa-file"></i> New File</a>
|
||||||
|
<a href="#createDir" class="btn-Action" data-toggle="modal"><i class="fa fa-folder"></i> New Folder</a>
|
||||||
|
<a href="#" class="btn-Action" onclick="clickUploadFiles(); return false"><i class="fa fa-arrow-circle-up"></i> Upload</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="list">
|
||||||
|
<form action="/site_files/upload" id="dropzone">
|
||||||
|
<div class="dz-message" style="display: none"></div>
|
||||||
|
<input name="csrf_token" type="hidden" value="<%= csrf_token %>">
|
||||||
|
<input name="dir" type="hidden" value="<%= @dir %>">
|
||||||
|
<div class="upload-Boundary <%= @file_list.length <= 5 ? 'with-instruction' : '' %>">
|
||||||
|
<% @file_list.each do |file| %>
|
||||||
|
<div class="file filehover">
|
||||||
|
<% if file[:is_html] && current_site.screenshot_exists?(file[:path], '210x158') %>
|
||||||
|
<div class="html-thumbnail html fileimagehover">
|
||||||
|
<img src="<%= current_site.screenshot_url(file[:path], '210x158') %>" alt="">
|
||||||
|
<div class="overlay"></div>
|
||||||
|
</div>
|
||||||
|
<% elsif file[:is_image] && current_site.thumbnail_exists?(file[:path], '210x158') %>
|
||||||
|
<div class="html-thumbnail image fileimagehover">
|
||||||
|
<img src="<%= current_site.thumbnail_url(file[:path], '210x158') %>" alt="">
|
||||||
|
<div class="overlay"></div>
|
||||||
|
</div>
|
||||||
|
<% elsif file[:is_directory] %>
|
||||||
|
<div class="html-thumbnail folder fileimagehover" ondrop="moveFileToFolder(event)">
|
||||||
|
<div class="folder-icon"></div>
|
||||||
|
<div class="overlay"></div>
|
||||||
|
</div>
|
||||||
|
<% else %>
|
||||||
|
<div class="html-thumbnail misc fileimagehover">
|
||||||
|
<div class="misc-icon"><%= file[:ext][0..3] %></div>
|
||||||
|
<div class="overlay"></div>
|
||||||
|
</div>
|
||||||
|
<% end %>
|
||||||
|
|
||||||
|
<a class="title">
|
||||||
|
<%= file[:name] %>
|
||||||
|
</a>
|
||||||
|
<div class="column size">
|
||||||
|
<% if file[:size] %>
|
||||||
|
<%= file[:size].to_bytes_pretty %>
|
||||||
|
<% end %>
|
||||||
|
</div>
|
||||||
|
<div class="column updated">
|
||||||
|
<% if file[:updated_at] %>
|
||||||
|
<%= file[:updated_at].ago %>
|
||||||
|
<% end %>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="overlay">
|
||||||
|
<div id="<%= Digest::SHA256.hexdigest file[:path] %>" style="display: none"><%= file[:path] %></div>
|
||||||
|
<% if file[:is_editable] %>
|
||||||
|
<a href="/site_files/text_editor?filename=<%= Rack::Utils.escape file[:path] %>"><i class="fa fa-edit" title="Edit"></i> Edit</a>
|
||||||
|
<% end %>
|
||||||
|
<% if file[:is_directory] %>
|
||||||
|
<a href="?dir=<%= Rack::Utils.escape file[:path] %>"><i class="fa fa-edit" title="Manage"></i> Manage</a>
|
||||||
|
<% end %>
|
||||||
|
<% if !file[:is_root_index] %>
|
||||||
|
<a href="#" onclick="confirmFileRename($('#<%= Digest::SHA256.hexdigest file[:path] %>').text())"><i class="fa fa-file" title="Rename"></i> Rename</a>
|
||||||
|
<a href="#" onclick="confirmFileDelete($('#<%= Digest::SHA256.hexdigest file[:path] %>').text())"><i class="fa fa-trash" title="Delete"></i> Delete</a>
|
||||||
|
<% end %>
|
||||||
|
<% if file[:is_directory] %>
|
||||||
|
<a class="link-overlay" href="?dir=<%= Rack::Utils.escape file[:path] %>" title="View <%= file[:path] %>"></a>
|
||||||
|
<% else %>
|
||||||
|
<a class="link-overlay" href="<%= current_site.file_uri file[:path] %>" title="View <%= file[:path] == '/index.html' ? 'your site index' : file[:path] %>" target="_blank"></a>
|
||||||
|
<% end %>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<% end %>
|
||||||
|
</div>
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
173
views/dashboard/index.erb
Normal file
173
views/dashboard/index.erb
Normal file
|
|
@ -0,0 +1,173 @@
|
||||||
|
<style>
|
||||||
|
.dz-default {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
.dz-preview {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
.dz-processing {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
.dz-error {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
.dz-image-preview {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
|
||||||
|
<div class="header-Outro with-site-image dashboard">
|
||||||
|
<div class="row content wide">
|
||||||
|
<div class="col col-50 signup-Area">
|
||||||
|
<div class="signup-Form">
|
||||||
|
<fieldset class="content">
|
||||||
|
<a href="<%= current_site.uri %>" class="screenshot dashboard" style="background-image:url(<%= current_site.screenshot_url('index.html', '540x405') %>);"></a>
|
||||||
|
</fieldset>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="col col-50">
|
||||||
|
<h2 class="eps"><%= current_site.title %></h2>
|
||||||
|
<p class="site-url">
|
||||||
|
<a href="<%= current_site.uri %>" target="_blank"><%= current_site.host %></a>
|
||||||
|
<a href="#" id="shareButton" class="btn-Action" data-container="body" data-toggle="popover" data-placement="bottom" data-content='<%== erb :'_share', layout: false, locals: {site: current_site} %>'><i class="fa fa-share-alt"></i> <span>Share</span></a>
|
||||||
|
</p>
|
||||||
|
<ul>
|
||||||
|
<% if current_site.site_updated_at %>
|
||||||
|
<li>Last updated <%= current_site.site_updated_at.ago.downcase %></li>
|
||||||
|
<% end %>
|
||||||
|
<li>Using <strong><%= current_site.space_percentage_used %>% (<%= current_site.total_space_used.to_space_pretty %>) of your <%= current_site.maximum_space.to_space_pretty %></strong>.
|
||||||
|
<br>
|
||||||
|
<% unless current_site.is_education || current_site.supporter? %>Need more space? <a href="/supporter">Become a Supporter!</a><% end %></li>
|
||||||
|
<li><strong><%= current_site.views.format_large_number %></strong> views</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div> <!-- end .row -->
|
||||||
|
</div> <!-- end .header-Outro -->
|
||||||
|
|
||||||
|
<main class="content-Base" role="main">
|
||||||
|
|
||||||
|
<div class="content wide">
|
||||||
|
|
||||||
|
<% unless current_site.changed_count >= 1 %>
|
||||||
|
<div class="welcome">
|
||||||
|
<!-- <div class="close-button"></div> -->
|
||||||
|
<h4>Hello! Welcome to your new site.</h4>
|
||||||
|
To get started, click on the <strong>index.html</strong> file below to edit your home page. Once you make changes your website will begin appearing in our <a href="/browse">website gallery</a>. You can add more files (such as images) by dragging them from your computer into the box below. Need help building web sites? Try our <a href="/tutorial/html/">HTML tutorial</a>!
|
||||||
|
</div>
|
||||||
|
<% end %>
|
||||||
|
|
||||||
|
<% if flash.keys.length > 0 %>
|
||||||
|
<div id="alertDialogue" class="alert alert-block alert-<%= flash.keys.first %>" style="display: block; max-height: 200px; overflow-y: auto;">
|
||||||
|
<% flash.keys.select {|k| [:success, :error, :errors].include?(k)}.each do |key| %>
|
||||||
|
<%== flash[key] %>
|
||||||
|
<% end %>
|
||||||
|
</div>
|
||||||
|
<% else %>
|
||||||
|
<div id="alertDialogue" class="alert alert-block alert-<%= flash.keys.first || 'success' %>" style="display: none; max-height: 200px; overflow-y: auto;"></div>
|
||||||
|
<% end %>
|
||||||
|
|
||||||
|
<div id="filesDisplay" class="files">
|
||||||
|
<%== erb :'dashboard/files' %>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<form method="POST" action="/site_files/delete" id="deleteFilenameForm">
|
||||||
|
<input name="csrf_token" type="hidden" value="<%= csrf_token %>">
|
||||||
|
<input type="hidden" id="deleteFilenameInput" name="filename">
|
||||||
|
</form>
|
||||||
|
|
||||||
|
<div class="modal hide fade" id="deleteConfirmModal" tabindex="-1" role="dialog" aria-labelledby="deleteConfirmModalLabel" aria-hidden="true">
|
||||||
|
<div class="modal-header">
|
||||||
|
<button class="close" type="button" data-dismiss="modal" aria-hidden="true"><i class="fa fa-times"></i></button>
|
||||||
|
<h3 id="deleteConfirmModalLabel">Confirm deletion</h3>
|
||||||
|
</div>
|
||||||
|
<div class="modal-body">
|
||||||
|
<p>You are about to delete <strong><span id="deleteFileName"></span></strong>. Are you sure?</p>
|
||||||
|
</div>
|
||||||
|
<div class="modal-footer">
|
||||||
|
<button class="btn cancel" data-dismiss="modal" aria-hidden="true" type="button">Cancel</button>
|
||||||
|
<button class="btn-Action btn-danger" type="button" onclick="fileDelete()"><i class="fa fa-trash" title="Delete"></i>Delete</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="modal hide fade" id="renameModal" tabindex="-1" role="dialog" aria-labelledby="renameModalLabel" aria-hidden="true">
|
||||||
|
<form method="post" action="/site_files/rename">
|
||||||
|
<input type="hidden" value="<%= csrf_token %>" name="csrf_token">
|
||||||
|
<input type="hidden" value="<%= @dir %>" name="dir">
|
||||||
|
<input type="hidden" id="renamePathInput" name="path">
|
||||||
|
|
||||||
|
<div class="modal-header">
|
||||||
|
<button class="close" type="button" data-dismiss="modal" aria-hidden="true"><i class="fa fa-times"></i></button>
|
||||||
|
<h3 id="renameModalLabel">Rename / Move</h3>
|
||||||
|
</div>
|
||||||
|
<div class="modal-body">
|
||||||
|
<input id="renameNewPathInput" name="new_path" type="text">
|
||||||
|
<p>Note: We will automatically scrub any characters not matching: a-z A-Z 0-9 _ - .</p>
|
||||||
|
</div>
|
||||||
|
<div class="modal-footer">
|
||||||
|
<button type="button" class="btn cancel" data-dismiss="modal" aria-hidden="true">Cancel</button>
|
||||||
|
<button type="submit" class="btn-Action">Rename</button>
|
||||||
|
</div>
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
<div class="site-actions" style="margin-bottom:25px">
|
||||||
|
<% if !current_site.plan_feature(:no_file_restrictions) %>
|
||||||
|
<a href="/site_files/allowed_types">Allowed file types</a> |
|
||||||
|
<% end %>
|
||||||
|
<a href="/site_files/download">Download entire site</a> |
|
||||||
|
<% unless is_education? %>
|
||||||
|
<a href="/site_files/mount_info">Mount your site as a drive on your computer</a>
|
||||||
|
<% end %>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</main>
|
||||||
|
|
||||||
|
<form id="uploadFilesButtonForm" method="POST" action="/api/upload" enctype="multipart/form-data" style="display: none" onsubmit="event.preventDefault(); showUploadProgress(); uploadFileFromButton();">
|
||||||
|
<input name="csrf_token" type="hidden" value="<%= csrf_token %>">
|
||||||
|
<input name="from_button" type="hidden" value="true">
|
||||||
|
<input name="dir" type="hidden" id="dir" value="<%= @dir %>">
|
||||||
|
<input id="uploadFiles" type="file" name="file" multiple>
|
||||||
|
</form>
|
||||||
|
|
||||||
|
<div class="modal hide fade" id="createDir" tabindex="-1" role="dialog" aria-labelledby="createDirLabel" aria-hidden="true">
|
||||||
|
<form method="post" action="/site/create_directory">
|
||||||
|
<input type="hidden" value="<%= csrf_token %>" name="csrf_token">
|
||||||
|
<input type="hidden" value="<%= @dir %>" name="dir">
|
||||||
|
<div class="modal-header">
|
||||||
|
<button class="close" type="button" data-dismiss="modal" aria-hidden="true"><i class="fa fa-times"></i></button>
|
||||||
|
<h3 id="createDirLabel">Create Folder</h3>
|
||||||
|
</div>
|
||||||
|
<div class="modal-body">
|
||||||
|
<input id="newDirInput" name="name" type="text" placeholder="folder_name">
|
||||||
|
</div>
|
||||||
|
<div class="modal-footer">
|
||||||
|
<button type="button" class="btn cancel" data-dismiss="modal" aria-hidden="true">Cancel</button>
|
||||||
|
<button type="submit" class="btn-Action">Create</button>
|
||||||
|
</div>
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="modal hide fade" id="createFile" tabindex="-1" role="dialog" aria-labelledby="createFileLabel" aria-hidden="true">
|
||||||
|
<form method="post" action="/site_files/create">
|
||||||
|
<input type="hidden" value="<%= csrf_token %>" name="csrf_token">
|
||||||
|
<input type="hidden" value="<%= @dir %>" name="dir">
|
||||||
|
<div class="modal-header">
|
||||||
|
<button class="close" type="button" data-dismiss="modal" aria-hidden="true"><i class="fa fa-times"></i></button>
|
||||||
|
<h3 id="createFileLabel">Create New File</h3>
|
||||||
|
</div>
|
||||||
|
<div class="modal-body">
|
||||||
|
<input id="newFileInput" name="filename" type="text" placeholder="newfile.html">
|
||||||
|
<p>Note: We will automatically scrub any characters not matching: a-z A-Z 0-9 _ - .</p>
|
||||||
|
</div>
|
||||||
|
<div class="modal-footer">
|
||||||
|
<button type="button" class="btn cancel" data-dismiss="modal" aria-hidden="true">Cancel</button>
|
||||||
|
<button type="submit" class="btn-Action">Create</button>
|
||||||
|
</div>
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<script src="/js/dashboard.js"><script>
|
||||||
Loading…
Add table
Reference in a new issue