CopyBot/mediacms
1
0
Fork 0
mirror of https://github.com/mediacms-io/mediacms.git synced 2025-11-06 07:28:53 -05:00
Code Issues Packages Projects Releases Wiki Activity

chore: Prepare django for edit_chapters

Browse Source
This commit is contained in:
Yiannis Christodoulou 2025-07-27 23:23:42 +03:00
parent da656b46e5
commit 0d44f040d6
4 changed files with 1795 additions and 34 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
deploy/scripts/build_and_deploy.sh
View File

@ -13,6 +13,12 @@ cd frontend-tools/video-editor
yarn build:django yarn build:django
cd ../../ cd ../../
# Build chapter editor package
echo "Building chapters editor package..."
cd frontend-tools/chapters-editor
yarn build:django
cd ../../
# Build video js package # Build video js package
echo "Building video js package..." echo "Building video js package..."
cd frontend-tools/video-js cd frontend-tools/video-js

1744
files/views.py Normal file
View File

File diff suppressed because it is too large Load Diff

39
templates/cms/edit_chapters.html
View File

@ -5,40 +5,43 @@
{% block headtitle %}Edit video chapters - {{PORTAL_NAME}}{% endblock headtitle %} {% block headtitle %}Edit video chapters - {{PORTAL_NAME}}{% endblock headtitle %}
{% block topimports %} {% block topimports %}
<link href="{% static "video_editor/video-editor.css" %}" rel="preload" as="style"> <link href="{% static "chapters_editor/chapters-editor.css" %}" rel="preload" as="style">
<link href="{% static "video_editor/video-editor.css" %}" rel="stylesheet"> <link href="{% static "chapters_editor/chapters-editor.css" %}" rel="stylesheet">
<script src="{% static 'chapters_editor/chapters-editor.js' %}"></script>
<script> <script>
window.MEDIA_DATA = { window.MEDIA_DATA = {
videoUrl: "", videoUrl: "{{ media_file_path }}",
mediaId: "{{ media_id }}", mediaId: "{{ media_object.friendly_token }}",
redirectURL: "{{ media_object.get_absolute_url }}",
redirectUserMediaURL: "{{ media_object.user.get_absolute_url }}",
chapters: [ chapters: [
{ {
id: "1", id: '1',
title: "Chapter AAA", title: 'Chapter AAA',
timestamp: 0 timestamp: 0,
}, },
{ {
id: "2", id: '2',
title: "Chapter BBB", title: 'Chapter BBB',
timestamp: 10 timestamp: 10,
}, },
{ {
id: "3", id: '3',
title: "Chapter CCC", title: 'Chapter CCC',
timestamp: 20 timestamp: 20,
} },
] ],
}; };
</script> </script>
<script src="{% static 'video_editor/video-editor.js' %}"></script>
{%endblock topimports %} {%endblock topimports %}
{% block innercontent %} {% block innercontent %}
<div class="user-action-form-wrap"> <div class="user-action-form-wrap">
{% include "cms/media_nav.html" with active_tab="chapters" %} {% include "cms/media_nav.html" with active_tab="chapters" %}
<div class="user-action-form-inner" style="max-width: 1280px; margin: 0 auto; padding: 20px; border-radius: 8px; box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1);"> <div class="user-action-form-inner" style="max-width: 1280px; margin: 0 auto; padding: 20px; border-radius: 8px; box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1);">
<div id="video-editor-chapters-root"></div> <div id="chapters-editor-root"></div>
</div> </div>
</div> </div>
{% endblock innercontent %} {% endblock innercontent %}

8
templates/cms/media_nav.html
View File

@ -25,6 +25,14 @@
{{ "Captions" | custom_translate:LANGUAGE_CODE}} {{ "Captions" | custom_translate:LANGUAGE_CODE}}
</a> </a>
</li> </li>
<li style="display: inline-block">
<a
href="{% url 'edit_chapters' %}?m={{media_object.friendly_token}}"
style="text-decoration: none; {% if active_tab == 'chapters' %}font-weight: bold; color: #333; padding-bottom: 3px; border-bottom: 2px solid #333;{% else %}color: #666;{% endif %}"
>
Chapters
</a>
</li>
{% comment %} {% comment %}
<li style="display: inline-block;"> <li style="display: inline-block;">
<a href="{% url 'edit_chapters' %}?m={{media_object.friendly_token}}" <a href="{% url 'edit_chapters' %}?m={{media_object.friendly_token}}"