Skip to content
Snippets Groups Projects
Select Git revision
  • 7b085640b2a13f122263bc831e58ba11fc65d890
  • main default protected
  • step-3263
  • feature/plugins-cli
  • feature/vite
  • step-2484-peerreview
  • biest/issue-5051
  • tests/simplify-jsonapi-tests
  • fix/typo-in-1a70031
  • feature/broadcasting
  • database-seeders-and-factories
  • feature/peer-review-2
  • feature-feedback-jsonapi
  • feature/peerreview
  • feature/balloon-plus
  • feature/stock-images-unsplash
  • tic-2588
  • 5.0
  • 5.2
  • biest/unlock-blocks
  • biest-1514
21 results

RangeInput.vue

Blame
  • Forked from Stud.IP / Stud.IP
    Source project has a limited visibility.
    Code owners
    Assign users and groups as approvers for specific file changes. Learn more.
    CoursewareEmptyElementBox.vue 1.89 KiB
    <template>
        <div class="cw-welcome-screen">
            <courseware-companion-box :msgCompanion="this.$gettext('Es wurden bisher noch keine Inhalte eingepflegt.')">
                <template v-slot:companionActions>
                    <button v-if="canEdit && noContainers" class="button" @click="addContainer"><translate>Einen Abschnitt hinzufügen</translate></button>
                    <button v-if="canEdit && !noContainers && !editMode" class="button" @click="switchToEditView"><translate>Seite bearbeiten</translate></button>
                </template>
            </courseware-companion-box>
        </div>
    </template>
    
    <script>
    import CoursewareCompanionBox from '../layouts/CoursewareCompanionBox.vue';
    import { mapActions, mapGetters } from 'vuex';
    
    export default {
        name: 'courseware-empty-element-box',
        components: {
            CoursewareCompanionBox,
        },
        props: {
            canEdit: Boolean,
            noContainers: Boolean
        },
        data() {
            return{}
        },
        computed: {
            ...mapGetters({
                viewMode: 'viewMode'
            }),
            editMode() {
                return this.viewMode === 'edit';
            }
        },
        methods: {
            ...mapActions({
                coursewareViewMode: 'coursewareViewMode',
                coursewareConsumeMode: 'coursewareConsumeMode',
                coursewareContainerAdder: 'coursewareContainerAdder',
                coursewareSelectedToolbarItem: 'coursewareSelectedToolbarItem',
                coursewareShowToolbar: 'coursewareShowToolbar'
            }),
            addContainer() {
                this.coursewareViewMode('edit');
                this.coursewareConsumeMode(false);
                this.coursewareContainerAdder(true);
                this.coursewareSelectedToolbarItem('blockadder');
                this.coursewareShowToolbar(true);
            },
            switchToEditView() {
                this.coursewareViewMode('edit');
                this.coursewareConsumeMode(false);
            }
        }
    
    }
    </script>