コースの仕様について

コースの仕様について

by Katsumasa Wakinaka -
Number of replies: 10

いつもお世話になっております。

①Moodleリリース (3.11)では、コースにファイルを追加すると(例,アイコンでPDFなのかmp4などの動画)、視覚的に分かりやすかったのですが、
 Moodleリリース (4.1)では、アイコンが表示されない仕様になっています。
 ※
サイト管理>プラグイン>活動モジュール>ファイルの「タイプを表示する」をONにすることで、
  タイプ表示できることは知っていますが、アイコン表示する方法はありますでしょうか。

コース内容を編集するための「→右へ」や「←左へ」アイコンが無くなっており、
 コース要素をインデントできない仕様に変更されていますが、何か解決方法はありますでしょうか。

③画面右下にあった「↑」アイコンも無くなっており、キーボード操作無しで画面最上部へ飛ぶ方法はありますでしょうか

以上、よろしくお願いいたします。
Average of ratings: -
In reply to Katsumasa Wakinaka

Re: コースの仕様について

by Mitsuhiro Yoshida -
Picture of Developers Picture of Particularly helpful Moodlers Picture of Translators

以下の内容をお教えください。

  • サイト全体またはコースで使用しているテーマ (例 Boost)
  • コースフォーマット (例 トピックフォーマット)
In reply to Mitsuhiro Yoshida

Re: コースの仕様について

by Katsumasa Wakinaka -

Mitsuhiro Yoshida 様

お世話になっております。

  • サイト全体またはコースで使用しているテーマ (例 Boost)
    クラシックを使用しています。

  • コースフォーマット (例 トピックフォーマット)
    トピックフォーマットを使用しています。

以上、よろしくお願いいたします。


In reply to Katsumasa Wakinaka

Re: コースの仕様について

by Mitsuhiro Yoshida -
Picture of Developers Picture of Particularly helpful Moodlers Picture of Translators

> ③画面右下にあった「↑」アイコンも無くなっており、キーボード操作無しで画面最上部へ飛ぶ方法はありますでしょうか

以下の設定変更ではいかがでしょうか。

  1. Moodleにサイト管理者としてログインする。
  2. 「サイト管理 > アピアランス > 追加HTML」に移動する。
  3. 「 BODYタグが開かれた時 additionalhtmltopofbody」テキストエリアにジャンプボタン関連HTMLを記述する※1
  4. 「変更を保存する」をクリックする。
  5. 「サイト管理 > アピアランス > テーマ > Boost」に移動する。
  6. 「高度な設定」タブをクリックする。
  7. 「生SCSS theme_boost | scss」テキストエリアにジャンプボタン関連SCSSを記述する※2
  8. 「変更を保存する」をクリックする。
  9. 「サイト管理 > 開発 > キャッシュを削除する」に移動する。
  10. 「すべてのキャッシュを削除する」をクリックする。
※1 ページトップに移動するためのジャンプ関連HTML記述例
<div id="topbutton">
  <a href="#course-header" title="Jump to top"><i class="fa fa-chevron-up"></i></a>
</div>

※2 ジャンプボタン関連SCSS記述例
#topbutton {
  position: fixed;
  bottom: 80px;
  right: 25px;
  z-index: 999;
}

#topbutton a {
  display: block;
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  background: #f44336;
  color: #fff;
  border-radius: 50%;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.26);
  transition: all 0.3s ease-in-out;
}

#topbutton a:hover {
  transform: translateY(-5px);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
}

Attachment Jump to top.png
In reply to Mitsuhiro Yoshida

Re: コースの仕様について

by Katsumasa Wakinaka -
Mitsuhiro Yoshida 様

大変お世話になっております。

ご提示いただいた設定にて解決いたしました。
この度は誠にありがとうございました。

以上、よろしくお願いいたします。
In reply to Katsumasa Wakinaka

Re: コースの仕様について

by Mitsuhiro Yoshida -
Picture of Developers Picture of Particularly helpful Moodlers Picture of Translators

> ②コース内容を編集するための「→右へ」や「←左へ」アイコンが無くなっており、コース要素をインデントできない仕様に変更されていますが、何か解決方法はありますでしょうか。

Moodle 3.11.12+ (Build: 20230224) のクラシックテーマで確認してみましたが、編集モード中に「→右へ」「←左へ」アイコンは表示されないようです。

もしかして、何か特別なプラグインをインストールされていますでしょうか?

Attachment turn edition on.png
In reply to Mitsuhiro Yoshida

Re: コースの仕様について

by Katsumasa Wakinaka -
Mitsuhiro Yoshida 様

お世話になっております。

> もしかして、何か特別なプラグインをインストールされていますでしょうか?
特別なプラグインはインストールしておりません。

以上、よろしくお願いいたします。
Attachment 右へ.JPG
In reply to Katsumasa Wakinaka

Re: コースの仕様について

by Mitsuhiro Yoshida -
Picture of Developers Picture of Particularly helpful Moodlers Picture of Translators

ありがとうございます。

以下のプログラム修正の後、現在お使いのMoodleのSCSSファイルおよびMustachテンプレートファイルを本投稿の添付ファイル群 (ZIP圧縮: moodle.zip) と置換することにより、ご希望の動作を実現できるかと思います。

修正対象プログラム:
course/format/topics/lib.php

修正箇所:
54行目

[ 修正前 ]
    public function uses_course_index() {
        return true;
    }

    public function uses_indentation(): bool {
        return false;
    }

    /**

[ 修正後 ]
    public function uses_course_index() {
        return true;
    }

    public function uses_indentation(): bool {
//        return false;
        return true;
    }

    /**

-------------------------------------

course/format/weeks/lib.php

修正箇所:
53行目

[ 修正前 ]
    public function uses_course_index() {
        return true;
    }

    public function uses_indentation(): bool {
        return false;
    }

    /**

[ 修正後 ]
    public function uses_course_index() {
        return true;
    }

    public function uses_indentation(): bool {
//        return false;
        return true;
    }

    /**

参考資料:
[Max MacCluer added a comment - 28/May/22 4:51 PM - [MDL-74846] Move Right/Move Left are gone in Moodle 4 and should be restored - Moodle Tracker]
https://tracker.moodle.org/browse/MDL-74846?focusedCommentId=922404&page=com.atlassian.jira.plugin.system.issuetabpanels%3Acomment-tabpanel#comment-922404

[Re: Moodle 4: move left and move right by Michael Spall - Friday, 27 May 2022, 3:46 AM ]
https://moodle.org/mod/forum/discuss.php?d=434193#p1749931
In reply to Mitsuhiro Yoshida

Re: コースの仕様について

by Katsumasa Wakinaka -
Mitsuhiro Yoshida 様

お世話になっております。

ご提示いただいた設定にて解決いたしました。

色々と解決していただき恐縮ではございますが、「①」に関しては何か解決方法がございますでしょうか。

以上、よろしくお願いいたします。
In reply to Katsumasa Wakinaka

Re: コースの仕様について

by Mitsuhiro Yoshida -
Picture of Developers Picture of Particularly helpful Moodlers Picture of Translators

ご利用のテーマが「クラシック」の場合、以下のプログラム修正および設定変更でご希望の表示に近くなるかと思います。

  1. 各ファイルタイプのアイコンを表示するためにプログラムを修正する※1
  2. Moodleにサイト管理者としてログインする。
  3. 「管理 > サイト管理 > アピアランス > テーマ > クラシック」に移動する。
  4. 「高度な設定」タブをクリックする。
  5. 「生先頭SCSS theme_classic | scsspre」テキストエリアに各ファイルタイプのアイコンが白色に変更されないためのSCSSを記述する※2
  6. 「管理 > サイト管理 > 開発 > キャッシュを削除する」に移動する。
  7. 「すべてのキャッシュを削除する」をクリックする。
※1 各ファイルタイプのアイコンを表示するためのプログラム修正例
修正対象プログラム:
/mod/resource/lib.php

修正箇所:
229行目

[ 修正前 ]
    // See if there is at least one file.
    $fs = get_file_storage();
    $files = $fs->get_area_files($context->id, 'mod_resource', 'content', 0, 'sortorder DESC, id ASC', false, 0, 0, 1);
    if (count($files) >= 1) {
        $mainfile = reset($files);
        $resource->mainfile = $mainfile->get_filename();
    }

[ 修正後 ]
    // See if there is at least one file.
    $fs = get_file_storage();
    $files = $fs->get_area_files($context->id, 'mod_resource', 'content', 0, 'sortorder DESC, id ASC', false, 0, 0, 1);
    if (count($files) >= 1) {
        $mainfile = reset($files);
        $info->icon = file_file_icon($mainfile, 24);
        $resource->mainfile = $mainfile->get_filename();
    }

※2 各ファイルタイプのアイコンが白色に変更されないためのSCSS記述例
img[alt="resource icon"]:only-child {
  filter: brightness(1) invert(0) !important;
}

参考資料:
[Re: Difference 3.9.highest vs 4.0+ Icons by Mark Sharp - Friday, 6 May 2022, 5:33 PM]
https://moodle.org/mod/forum/discuss.php?d=434156#p1747415

Attachment resource icons.png
In reply to Mitsuhiro Yoshida

Re: コースの仕様について

by Katsumasa Wakinaka -

Mitsuhiro Yoshida 様

お世話になっております。

ご提示いただいた設定にて解決いたしました。
毎回、早々に解決方法を提示していただきまして、誠にありがとうございました。
今後ともよろしくお願いいたします。

以上、よろしくお願いいたします。