From 24fc070c5c1252086ddb5cb3b927e3e04540131b Mon Sep 17 00:00:00 2001
From: Andreas Neustifter <andreas.neustifter@gmail.com>
Date: Fri, 20 Jul 2018 21:23:12 +0200
Subject: [PATCH] [frio] Restyle photo upload (#5427)
* Better wording in photo upload.
* [frio] Restyle photo uploader to conform to frio style.
---
mod/photos.php | 4 +-
view/theme/frio/css/style.css | 46 +++++++++++++++++-
view/theme/frio/templates/photos_upload.tpl | 52 +++++++++++++++++++++
3 files changed, 99 insertions(+), 3 deletions(-)
create mode 100644 view/theme/frio/templates/photos_upload.tpl
diff --git a/mod/photos.php b/mod/photos.php
index de691de4ff..74457d6ac1 100644
--- a/mod/photos.php
+++ b/mod/photos.php
@@ -1041,7 +1041,7 @@ function photos_content(App $a)
$albumselect = '';
- $albumselect .= '<option value="" ' . (!$selname ? ' selected="selected" ' : '') . '> </option>';
+ $albumselect .= '<option value="" ' . (!$selname ? ' selected="selected" ' : '') . '><current year></option>';
if (count($a->data['albums'])) {
foreach ($a->data['albums'] as $album) {
if (($album['album'] === '') || ($album['album'] === 'Contact Photos') || ($album['album'] === L10n::t('Contact Photos'))) {
@@ -1077,7 +1077,7 @@ function photos_content(App $a)
'$usage' => $usage_message,
'$nickname' => $a->data['user']['nickname'],
'$newalbum' => L10n::t('New album name: '),
- '$existalbumtext' => L10n::t('or existing album name: '),
+ '$existalbumtext' => L10n::t('or select existing album:'),
'$nosharetext' => L10n::t('Do not show a status post for this upload'),
'$albumselect' => $albumselect,
'$permissions' => L10n::t('Permissions'),
diff --git a/view/theme/frio/css/style.css b/view/theme/frio/css/style.css
index 055a661117..dd464be094 100644
--- a/view/theme/frio/css/style.css
+++ b/view/theme/frio/css/style.css
@@ -217,7 +217,7 @@ a.btn:hover {
font-size: 12px;
}
.btn-primary {
- background: $nav_bg;
+ background: $nav_bg !important;
color: $btn_primary_color !important;
}
.btn-primary:hover, .btn-primary:focus {
@@ -3258,6 +3258,50 @@ section .profile-match-wrapper {
background-color: rgba(255,255,255,.85);
}
+.qq-upload-button {
+ background: $nav_bg !important;
+ color: $btn_primary_color !important;
+ float: none;
+ border: none;
+ -webkit-box-shadow: none;
+ box-shadow: none;
+ -moz-box-shadow: none;
+ background-image: none;
+ text-shadow: none;
+ border-radius: 3px;
+ outline: 0!important;
+ margin-bottom: 0;
+ font-size: 14px;
+ font-weight: 600;
+ padding: 8px 16px;
+ color: inherit;
+ width: 100% !important;
+}
+
+.qq-upload-drop-area {
+ background: white !important;
+ float: none;
+ border: none;
+ -webkit-box-shadow: none;
+ box-shadow: none;
+ -moz-box-shadow: none;
+ background-image: none;
+ text-shadow: none;
+ border-radius: 3px;
+ outline: 0!important;
+ margin-bottom: 0;
+ font-size: 14px;
+ font-weight: 600;
+ padding: 8px 16px;
+ color: inherit;
+ width: 100% !important;
+ display: block !important;
+ position: relative !important;
+ border: black 1px dashed !important;
+ margin-bottom: 5px !important;
+ margin-top: 15px !important;
+}
+
/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
.mod-home.is-not-singleuser #content,
diff --git a/view/theme/frio/templates/photos_upload.tpl b/view/theme/frio/templates/photos_upload.tpl
new file mode 100644
index 0000000000..4372b10264
--- /dev/null
+++ b/view/theme/frio/templates/photos_upload.tpl
@@ -0,0 +1,52 @@
+
+<h3>{{$pagename}}</h3>
+
+<div id="photos-usage-message">{{$usage}}</div>
+
+<form action="photos/{{$nickname}}" enctype="multipart/form-data" method="post" name="photos-upload-form" id="photos-upload-form" >
+ <div id="photos-upload-new-wrapper" >
+ <div id="photos-upload-newalbum-div">
+ <label id="photos-upload-newalbum-text" for="photos-upload-newalbum" >{{$newalbum}}</label>
+ </div>
+ <input class="form-control" id="photos-upload-newalbum" type="text" name="newalbum" />
+ </div>
+ <div id="photos-upload-new-end"></div>
+ <div id="photos-upload-exist-wrapper">
+ <div id="photos-upload-existing-album-div">
+ <label id="photos-upload-existing-album-text" for="photos-upload-album-select">{{$existalbumtext}}</label>
+ </div>
+ <select class="form-control" id="photos-upload-album-select" name="album" size="4">
+ {{$albumselect}}
+ </select>
+ </div>
+ <div id="photos-upload-exist-end"></div>
+
+ <div id="photos-upload-noshare-div" class="photos-upload-noshare-div pull-left" >
+ <input id="photos-upload-noshare" type="checkbox" name="not_visible" value="1" checked/>
+ <label id="photos-upload-noshare-text" for="photos-upload-noshare" >{{$nosharetext}}</label>
+ </div>
+
+
+ <div id="photos-upload-perms" class="photos-upload-perms pull-right" >
+ <a href="#photos-upload-permissions-wrapper" id="photos-upload-perms-menu" class="button popupbox" />
+ <span id="jot-perms-icon" class="icon {{$lockstate}}" ></span>{{$permissions}}
+ </a>
+ </div>
+ <div id="photos-upload-perms-end" class="clear"></div>
+
+ <div style="display: none;">
+ <div id="photos-upload-permissions-wrapper">
+ {{$aclselect}}
+ </div>
+ </div>
+
+ <div id="photos-upload-spacer"></div>
+
+ {{$alt_uploader}}
+
+ {{$default_upload_box}}
+ {{$default_upload_submit}}
+
+ <div class="photos-upload-end" ></div>
+</form>
+
--
2.39.5