debshots/app/views/packages/details.slim

105 lines
4.3 KiB
Text

.row.packagepage
.small-12.columns
h1 =@package.name
.small-7.medium-7.columns
p.subtitle = @package.description
- if @package.screenshots.count > 0
- @package.screenshots.each do |screenshot|
.row.listview
.small-12.columns
a.black.fancybox href=screenshot.image.url(:large, timestamp: false) rel='fancybox-thumb' title=screenshot.caption
= image_tag(screenshot.image.url(:large, timestamp: false), alt: screenshot.caption)
.imgcaption =screenshot.caption
// TODO: Enable button only if admin or uploader
a.button.tiny.alert[
href=delete_screenshot_path(@package.name, screenshot.id)
onclick="return confirm('Really delete the screenshot?');"
] Delete screenshot
- else
img src='/images/dummy/no-screenshots-upload-one.svg' width='100%'
// TODO: Enable comments in a later version
// = partial '/package/comments'
.small-5.medium-5.columns
= render 'layouts/messages'
.bigpanel
// TODO: split long_description by <p> tags
// TODO: What to do if long description is missing?
p =@package.long_description
a.button.round.expand data-reveal-id="upload-modal" Upload more screenshots for #{@package.name}
#upload-modal.reveal-modal data-reveal=true role='dialog'
h1 Upload new screenshots
.row
.small-4.columns
= form_for :screenshot, url: upload_image_path, html: { multipart: true } do |f|
/ = image_tag("/images/dummy/upload.svg", style: "width: 100%", id: 'upload-image')
a.button id='upload-image' Start uploading
= f.file_field :image, id: 'fileupload', multiple: true, style: 'display: none'
.small-8.columns
.bigpanel
p Thanks for uploading more screenshots. Please note:
ul
li
' Your screenshot should contain a typical scene when working with it.
li
' Take only a screenshot of the respective application and not of
' your whole desktop (unless the screenshot is meant for a window manager).
li
' Your screenshots must be in PNG format.
li
' You can upload multiple images at once.
li
' Your screenshot need to be approved by the moderators first.
' You will already see your screenshot but it will not be visible to
' others instantly. If moderators reject your upload you will get
' notified next time you visit this site (requires cookies).
li
' Images larger than 800x600 pixels will automatically be reduced.
' So don't try to capture too much detail in a screenshot. It may become
' unreadable. Shrink the applications window if possible.
li
' Screenshots are made public and can freely be used by anyone.
li
' Useful programs for making screenshots are shutter, ksnapshot (KDE),
' gimp, xwd or scrot. See the
a href='http://wiki.debian.org/ScreenShots' Debian wiki
' for more information on how to make screenshots under Debian.
li
' Please set your language to english so that everybody understands it.
' If you don't use english by default please start your application
' from a shell using after setting "export LANG=C".
// TODO: Enable comment form
//javascript:
// $('#comment-summary').on( 'input', function() {
// //$('#comment-content,#comment-author').fadeIn();
// $('form.comment > *').fadeIn();
// });
javascript:
$(function () {
var upload_enabled = true;
// If the image button is clicked then imitate a click on the file
// select button that is hidden.
$("#upload-image").click( function () {
if (upload_enabled) {
$("#fileupload").click();
}
});
// Files have been selected. Tell the user what's going on and
// submit the upload form.
$('#fileupload').change( function () {
// $('#upload-image').attr('src', '/images/dummy/please-wait.svg');
upload_enabled = false;
$('#upload-image').html('Please wait...');
$('form').submit();
});
});