From 93da552b4682bb0ab77d0867b21dd0bdf742f963 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Michaela=20Br=C3=BCckner?= <brueckner@data-quest.de>
Date: Thu, 24 Nov 2022 09:43:38 +0000
Subject: closes #1674

Closes #1674

Merge request studip/studip!1166
---
 app/controllers/file.php                     |   1 +
 app/views/file/suggest_oer.php               | 108 ++++++++++++++++++++++-----
 lib/filesystem/StandardFile.php              |   2 +-
 resources/assets/stylesheets/less/files.less |  55 +++++++++++++-
 4 files changed, 143 insertions(+), 23 deletions(-)

diff --git a/app/controllers/file.php b/app/controllers/file.php
index e4c09d3..f418109 100644
--- a/app/controllers/file.php
+++ b/app/controllers/file.php
@@ -493,6 +493,7 @@ class FileController extends AuthenticatedController
         $file_ref = FileRef::find($file_ref_id);
         $filetype = $file_ref->getFileType();
         $this->file = $filetype->convertToStandardFile();
+        $this->icon_shape = $this->file->getIcon(Icon::ROLE_INFO)->getShape();
 
         $this->author = $file_ref->owner->username;
         $this->author_fullname = $file_ref->owner->getFullName('no_title');
diff --git a/app/views/file/suggest_oer.php b/app/views/file/suggest_oer.php
index 058c967..84e3cb2 100644
--- a/app/views/file/suggest_oer.php
+++ b/app/views/file/suggest_oer.php
@@ -1,21 +1,91 @@
-<form action='<?= $controller->url_for('file/suggest_oer/' . $file_ref_id)?>'
-      class='default' method='POST' data-dialog="reload-on-close">
-    <?= CSRFProtection::tokenTag() ?>
+<div id="file_suggest_oer">
+    <form action="<?= $controller->link_for('file/suggest_oer/' . $file_ref_id) ?>"
+          class='default' method='POST' data-dialog="reload-on-close">
+        <?= CSRFProtection::tokenTag() ?>
+        <p class="suggestion_text"><?= _('Das Material gefällt Ihnen?') ?></p>
+        <p class="suggestion_text"><?= _('Schlagen Sie es zum Teilen im OER Campus vor.') ?></p>
 
-    <p><?= sprintf(_('Das folgende Material wird %s zur Veröffentlichung im OER Campus vorgeschlagen:'), $author_fullname)?></p>
-    <p><?= htmlReady($file->getFilename())?></p>
-    <label for="additional_text">
-        <span class="">
-            <?= _("Ihr Vorschlag wird anonym versendet.") ?>
-            <?= _("Falls gewünscht, können Sie zusätzlich eine Nachricht verfassen:") ?>
-        </span>
-        <textarea   name  = "additional_text"
-                    id    = "additional_text"
-                    rows  = "3"
-        ></textarea>
-    </label>
+        <p><?= _('Schreiben Sie der Autorin/dem Autoren:') ?></p>
 
-    <footer data-dialog-button>
-        <?= Studip\Button::create(_("Material vorschlagen"))?>
-    </footer>
-</form>
+        <label for="additional_text">
+            <textarea   class = "add_toolbar wysiwyg"
+                        name  = "additional_text"
+                        id    = "additional_text"
+                        rows  = "3"
+                        placeholder = "<?= _('Warum gefällt Ihnen das Material?') ?>"
+            ></textarea>
+        </label>
+        <p id="note">
+            <?= _('Eine Nachricht ist freiwillig. Ihr Vorschlag wird anonym versendet.') ?>
+        </p>
+
+        <div id="oer_file_details">
+
+            <div id="preview_container" class="oercampus_editmaterial">
+                <div class="hgroup">
+                    <label for="oer_logo_uploader">
+                        <article class="contentbox" title="">
+                            <header>
+                                <h1>
+                                    <studip-icon shape="<?= $icon_shape ?>"
+                                                 size="20"
+                                                 class="text-bottom">
+                                    </studip-icon>
+                                    <div id="oer_title">
+                                        <?= htmlReady(strlen($file->getFilename()) > 45 ? substr($file->getFilename(), 0, 45) . '...' : $file->getFilename()) ?>
+                                    </div>
+                                </h1>
+                            </header>
+                            <div id="oer_preview_image">
+                                <?= Icon::create($icon_shape)->asimg(160) ?>
+                            </div>
+                        </article>
+                    </label>
+
+                </div>
+            </div>
+
+            <aside id="oer_aside">
+                <table class="default nohover">
+                    <caption><?= _('Informationen') ?></caption>
+                    <tbody>
+                    <tr>
+                        <td><?= _('Größe') ?></td>
+                        <? $size = $file->getSize() ?>
+                        <td><?= $size !== null ? relSize($file->getSize(), false) : '-' ?></td>
+                    </tr>
+                    <tr>
+                        <td><?= _('Downloads') ?></td>
+                        <td><?= $file->getDownloads() ?></td>
+                    </tr>
+                    <tr>
+                        <td><?= _('Erstellt') ?></td>
+                        <td><?= date('d.m.Y H:i', $file->getMakeDate()) ?></td>
+                    </tr>
+                    <tr>
+                        <td><?= _('Geändert') ?></td>
+                        <td><?= date('d.m.Y H:i', $file->getLastChangeDate()) ?></td>
+                    </tr>
+                    <tr>
+                        <td><?= _('Besitzer/-in') ?></td>
+                        <td>
+                            <? $user_id = $file->getUserId() ?>
+                            <? if ($user_id) : ?>
+                                <a href="<?= URLHelper::getLink('dispatch.php/profile', ['username' => get_username($user_id)]) ?>">
+                                    <?= htmlReady($file->getUserName()) ?>
+                                </a>
+                            <? else : ?>
+                                <?= htmlReady($file->getUserName()) ?>
+                            <? endif ?>
+                        </td>
+                    </tr>
+                    </tbody>
+                </table>
+            </aside>
+
+        </div>
+        <footer data-dialog-button>
+            <?= Studip\Button::create(_('Teilen vorschlagen'))?>
+        </footer>
+    </form>
+</div>
diff --git a/lib/filesystem/StandardFile.php b/lib/filesystem/StandardFile.php
index 412600f..5a4271a 100644
--- a/lib/filesystem/StandardFile.php
+++ b/lib/filesystem/StandardFile.php
@@ -296,7 +296,7 @@ class StandardFile implements FileType, ArrayAccess, StandardFileInterface
                 URLHelper::getURL('dispatch.php/file/suggest_oer/' . $this->fileref->id),
                 _('Material für OER Campus vorschlagen'),
                 Icon::create('oer-campus'),
-                ['data-dialog' => 'reload-on-close;size=auto']
+                ['data-dialog' => 'reload-on-close;size=750x750']
             );
         }
 
diff --git a/resources/assets/stylesheets/less/files.less b/resources/assets/stylesheets/less/files.less
index 48161df..9f9ae16 100644
--- a/resources/assets/stylesheets/less/files.less
+++ b/resources/assets/stylesheets/less/files.less
@@ -229,13 +229,61 @@ div.file_select_possibilities.content_terms_of_use_icons {
 }
 
 
-#file_edit_window, #file_details_window {
+#file_edit_window,
+#file_details_window,
+#oer_file_details {
     display: flex;
     justify-content: space-between;
     align-items: flex-start;
     align-content: flex-start;
 }
 
+#oer_file_details {
+    max-width: 555px;
+    flex-wrap: wrap;
+}
+
+#preview_container,
+#oer_aside {
+    width: 270px;
+}
+
+#oer_title {
+    max-height: 34px;
+    max-width: 225px;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    hyphens: auto;
+    word-break: break-all;
+    text-indent: initial;
+}
+
+#oer_preview_image {
+    width: 100%;
+    display: flex;
+    height: 170px;
+    align-items: center;
+
+    img {
+        width: 100%;
+    }
+}
+
+#file_suggest_oer {
+    margin-top: 2%;
+
+    .suggestion_text {
+        font-size: 2em;
+        font-weight: 700;
+        margin-bottom: 0px;
+    }
+
+    #note {
+        margin: 0 0 30px;
+    }
+}
+
+
 
 table.documents tfoot td.sticky {
     position: sticky;
@@ -319,7 +367,7 @@ table.documents {
     #file_aside, #folder_aside {
         width: calc(30% - 10px);
         max-width: calc(30% - 10px);
-/*         overflow: hidden; */
+        /*         overflow: hidden; */
 
         div.file-icon, div.folder-icon {
             img {
@@ -335,7 +383,8 @@ table.documents {
         }
     }
 
-    #file_management_forms, div#preview_container {
+
+    #file_management_forms, div#preview_container:not(.oercampus_editmaterial) {
         width: calc(70% - 10px);
         max-width: calc(70% - 10px);
 
-- 
cgit v1.0