mozilla
/
CSOL-site
зеркало из https://github.com/mozilla/CSOL-site.git
1
0
Форкнуть 0
Код Задачи Пакеты Проекты Релизы Вики Активность

Submission template/style updates

This commit is contained in:
Andrew Hayward 2013-05-31 13:02:01 +01:00
Родитель ed9e459455
Коммит 345ab8f0dd
4 изменённых файлов: 103 добавлений и 68 удалений
Показать статистику Скачать Patch файл Скачать Diff файл Показать все файлы Свернуть все файлы

14
static/media/css/core.css
Просмотреть файл

@ -255,6 +255,12 @@ ol {
#edit-application {
margin-bottom: 20px;
}
#edit-application textarea {
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
#edit-application .items {
list-style: none;
margin: 0;
@ -329,6 +335,12 @@ ol {
}
#evidence .item {
position: relative;
width: 33%;
margin-left: 0;
padding-left: 20px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
#evidence .thumbnail {
background: #FFF;
@ -348,8 +360,6 @@ ol {
#evidence img {
display: block;
width: 100%;
min-width: 150px;
min-height: 150px;
margin: 0;
}
#evidence form {

15
static/media/less/core.less
Просмотреть файл

@ -290,6 +290,13 @@ ol {
#edit-application {
margin-bottom: 20px;
textarea {
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.items {
list-style: none;
margin: 0;
@ -382,6 +389,12 @@ ol {
#evidence {
.item {
position: relative;
width: 33%;
margin-left: 0;
padding-left: 20px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.thumbnail {
@ -404,8 +417,6 @@ ol {
img {
display: block;
width: 100%;
min-width: 150px;
min-height: 150px;
margin: 0;
}

86
views/applications/new.html
Просмотреть файл

@ -5,48 +5,54 @@
{% endblock %}
{% block content %}
<div class="span8 offset2">
<div id="application-review">
{% block intro %}
{% endblock %}
{% block items %}
<ul id="evidence" class="thumbnails"{% if evidence.length == 0 %} style="display: none;"{% endif %}>
{% for item in evidence %}
<li class="span2 item item-{{ item.mediaType.split('/')[0] }}">
{% if item.saved %}
<a href="{{ item.getLocationUrl() }}" class="thumbnail" data-fancybox-type="{{ item.mediaType.split('/')[0] }}" data-fancybox-group="gallery" title="{{ item.original }}">
<img src="{{ item.getThumbnailUrl() }}" width="150" height="150">
</a>
{% else %}
<span class="thumbnail processing" title="{{ item.original }}">
<img src="{{ item.getThumbnailUrl() }}" width="150" height="150">
</span>
{% endif %}
<form method="post" action="{{ item.getLocationUrl() }}">
<input type="hidden" name="_csrf" value="{{ csrfToken }}">
<input type="hidden" name="action" value="delete">
<label title="Delete"><input type="submit" value="Delete"></label>
</form>
<div class="row">
<div class="span4">
<a href="{{ badge.url }}"><img src="{{ badge.image }}"></a>
</div>
<div class="span1"></div>
<div class="span7">
<div id="application-review">
{% block intro %}
{% endblock %}
{% block items %}
<ul id="evidence" class="thumbnails"{% if evidence.length == 0 %} style="display: none;"{% endif %}>
{% for item in evidence %}
<li class="item item-{{ item.mediaType.split('/')[0] }}">
{% if item.saved %}
<a href="{{ item.getLocationUrl() }}" class="thumbnail" data-fancybox-type="{{ item.mediaType.split('/')[0] }}" data-fancybox-group="gallery" title="{{ item.original }}">
<img src="{{ item.getThumbnailUrl() }}" width="150" height="150">
</a>
{% else %}
<span class="thumbnail processing" title="{{ item.original }}">
<img src="{{ item.getThumbnailUrl() }}" width="150" height="150">
</span>
{% endif %}
<form method="post" action="{{ item.getLocationUrl() }}">
<input type="hidden" name="_csrf" value="{{ csrfToken }}">
<input type="hidden" name="action" value="delete">
<label title="Delete"><input type="submit" value="Delete"></label>
</form>
</li>
{% endfor %}
</ul>
{% endblock %}
</div>
{% block form %}
<form id="edit-application" method="post" enctype="multipart/form-data">
<input type="hidden" name="_csrf" value="{{ csrfToken }}">
{% block descriptionTitle %}<h3>Start by telling us about your work</h3>{% endblock %}
<textarea name="description" rows="7" id="edit-description">{{ application.description }}</textarea>
<p class="text-right"><button type="submit" value="save" class="btn">Update</button></p>
{% block evidenceTitle %}<h3>Then upload your pictures and videos</h3>{% endblock %}
<ul class="items">
<li class="item">
<input type="file" name="media" accept="image/*, video/*" multiple="multiple">
</li>
{% endfor %}
</ul>
</ul>
<p class="text-right buttons"><button type="submit" value="upload" class="btn">Upload</button></p>
</form>
{% endblock %}
</div>
{% block form %}
<form id="edit-application" method="post" enctype="multipart/form-data">
<input type="hidden" name="_csrf" value="{{ csrfToken }}">
{% block descriptionTitle %}<h3>Start by telling us about your work</h3>{% endblock %}
<textarea name="description" class="span8" rows="7" id="edit-description">{{ application.description }}</textarea>
<p class="text-right"><button type="submit" value="save" class="btn">Update</button></p>
{% block evidenceTitle %}<h3>Then upload your pictures and videos</h3>{% endblock %}
<ul class="items">
<li class="item">
<input type="file" name="media" accept="image/*, video/*" multiple="multiple">
</li>
</ul>
<p class="text-right buttons"><button type="submit" value="upload" class="btn">Upload</button></p>
</form>
{% endblock %}
</div>
{% endblock %}
@ -113,7 +119,7 @@
$item
.attr('id', 'uploaded-item-' + data.key)
.addClass('span2 item item-' + data.evidence.type.split('/')[0])
.addClass('item item-' + data.evidence.type.split('/')[0])
.append($wrapper)
.append($form)
.appendTo($list);

56
views/applications/submitted.html
Просмотреть файл

@ -5,31 +5,39 @@
{% endblock %}
{% block content %}
<div class="span8 offset2">
{% block notice %}
<div class="alert">
Your application is waiting to be reviewed.
</div>
{% endblock %}
<div class="well">
{% block notice %}
<div class="alert">
Your application is waiting to be reviewed.
</div>
{% endblock %}
<div class="row">
<div class="span4">
<a href="{{ badge.url }}"><img src="{{ badge.image }}"></a>
</div>
<div class="span1"></div>
<div class="span7">
<div id="application-review">
<h3>Your application</h3>
<pre>{{ application.description }}</pre>
<ul id="evidence" class="thumbnails"{% if evidence.length == 0 %} style="display: none;"{% endif %}>
{% for item in evidence %}
<li class="span2 item item-{{ item.mediaType.split('/')[0] }}">
{% if item.saved %}
<a href="{{ item.getLocationUrl() }}" class="thumbnail" data-fancybox-type="{{ item.mediaType.split('/')[0] }}" data-fancybox-group="gallery" title="{{ item.original }}">
<img src="{{ item.getThumbnailUrl() }}" width="150" height="150">
</a>
{% else %}
<span class="thumbnail processing" title="{{ item.original }}">
<img src="{{ item.getThumbnailUrl() }}" width="150" height="150">
</span>
{% endif %}
</li>
{% endfor %}
</ul>
<div class="well">
<h3>Your application</h3>
{% if application.description %}
<pre>{{ application.description }}</pre>
{% endif %}
<ul id="evidence" class="thumbnails"{% if evidence.length == 0 %} style="display: none;"{% endif %}>
{% for item in evidence %}
<li class="span2 item item-{{ item.mediaType.split('/')[0] }}">
{% if item.saved %}
<a href="{{ item.getLocationUrl() }}" class="thumbnail" data-fancybox-type="{{ item.mediaType.split('/')[0] }}" data-fancybox-group="gallery" title="{{ item.original }}">
<img src="{{ item.getThumbnailUrl() }}" width="150" height="150">
</a>
{% else %}
<span class="thumbnail processing" title="{{ item.original }}">
<img src="{{ item.getThumbnailUrl() }}" width="150" height="150">
</span>
{% endif %}
</li>
{% endfor %}
</ul>
</div>
</div>
</div>
</div>