Thesaurus/templates/newSubject.tpl

<!-- Modal - Neues Schlagwort -->
<div class="modal fade" id="NewSubjectModal" tabindex="-1" aria-labelledby="NewSubjectModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-lg" style="max-width: 1024px;">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="NewSubjectModalHeadline">
                    <i class="fas fa-tag"></i> Schlagwort
                </h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Schließen"></button>
            </div>
            <div class="modal-body">
                <!-- Alert für Meldungen -->
                <div class="row">
                    <div class="col-md-12">
                        <div id="errorNewSubject" class="alert" style="display: none;"></div>
                    </div>
                </div>
                
                <!-- Formular -->
                <div class="form-group row mb-3">
                    <label class="col-sm-2 col-form-label" for="new_term">Schlagwort</label>
                    <div class="col-sm-9">
                        <input type="text" id="new_term" class="form-control" />
                        <input type="hidden" id="new_id" />
                    </div>
                </div>

                <div class="form-group row mb-3">
                    <label class="col-sm-2 col-form-label" for="new_type">Type</label>
                    <div class="col-sm-3">
                        <select class="form-select" id="new_type">
                            <option value="Subject">Schlagwort</option>
                            <option value="Person">Personenname</option>
                            <option value="Corporates">Körperschaft</option>
                            <option value="Publisher">Verlag</option>
                            <option value="Classification">Klassifikation</option>
                        </select>
                    </div>
                </div>

                <div class="form-group row mb-3">
                    <label class="col-sm-2 col-form-label" for="new_detailtype">Detailtype</label>
                    <div class="col-sm-3">
                        <select class="form-select" id="new_detailtype">
                            <option value="Sachschlagwort">Sachschlagwort</option>
                            <option value="geografisches Schlagwort">geografisches Schlagwort</option>
                            <option value="Formschlagwort">Formschlagwort</option>
                            <option value="Zeitschlagwort">Zeitschlagwort</option>
                        </select>
                    </div>
                </div>

                <div class="form-group row mb-3">
                    <label class="col-sm-2 col-form-label" for="new_classification">Klassifikation</label>
                    <div class="col-sm-9">
                        <input type="text" id="new_classification" class="form-control" />
                    </div>
                </div>

                <div class="form-group mb-3">
                    <label class="form-label" for="new_scopenote">Scopenote</label>
                    <textarea class="form-control" id="new_scopenote" rows="3"></textarea>
                </div>

                <!-- Relationen-Bereich -->
                <div id="new_relation_label" style="display: none;">
                    <hr>
                    <h5 class="mb-3"><i class="fas fa-link"></i> Relationen</h5>
                    
                    <!-- Neue Relation hinzufügen -->
                    <div class="form-group row mb-3">
                        <label class="col-sm-2 col-form-label" for="new_relationtype">Relationstyp</label>
                        <div class="col-sm-3">
                            <select class="form-select" id="new_relationtype">
                                <option value="BT">BT - Oberbegriff</option>
                                <option value="NT">NT - Unterbegriff</option>
                                <option value="RT">RT - Verwandter Begriff</option>
                                <option value="USE">USE - Benutze</option>
                                <option value="UF">UF - Benutzt für</option>
                                <option value="SYN">SYN - Synonym</option>
                            </select>
                        </div>
                    </div>
                    
                    <div class="form-group row mb-3">
                        <label class="col-sm-2 col-form-label" for="search_relation">Relation suchen</label>
                        <div class="col-sm-7">
                            <input type="text" id="search_relation" class="form-control" placeholder="Begriff eingeben..." />
                        </div>
                        <div class="col-sm-2">
                            <button type="button" class="btn btn-success w-100" id="subject-anlegen">
                                <i class="fas fa-plus"></i> Hinzufügen
                            </button>
                        </div>
                    </div>
                    
                    <!-- Vorhandene Relationen -->
                    <div id="relation_table" style="display: none;">
                        <hr>
                        <h6><i class="fas fa-link me-1" style="color: #17a2b8;"></i> Vorhandene Relationen</h6>
                        <div class="table-responsive" style="border: 1px solid #dee2e6; border-radius: 0.375rem; overflow: hidden;">
                            <table class="table table-sm table-hover table-bordered mb-0">
                                <thead class="table-light">
                                    <tr>
                                        <th style="width: 80px;">Typ</th>
                                        <th>Begriff</th>
                                        <th style="width: 80px;" class="text-end">Aktion</th>
                                    </tr>
                                </thead>
                                <tbody class="new_modal_content">
                                    <!-- Relationen werden hier per AJAX eingefügt -->
                                </tbody>
                            </table>
                        </div>
                    </div>
                    
                    <!-- Synonyme-Bereich -->
                    <div id="synonyms_section" style="display: none; margin-top: 20px;">
                        <hr>
                        <h6><i class="fas fa-equals me-1" style="color: #e91e63;"></i> Synonyme</h6>
                        <div class="table-responsive" style="border: 1px solid #dee2e6; border-radius: 0.375rem; overflow: hidden;">
                            <table class="table table-sm table-hover table-bordered mb-0" id="synonyms_table">
                                <thead class="table-light">
                                    <tr>
                                        <th style="width: 80px;">Typ</th>
                                        <th>Begriff</th>
                                        <th style="width: 80px;" class="text-end">Aktion</th>
                                    </tr>
                                </thead>
                                <tbody id="synonyms_body">
                                    <!-- Synonyme werden hier per AJAX eingefügt -->
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>

            </div>
            
            <div class="modal-footer">
                <button id="newSubjectSave" type="button" class="btn btn-success" title="New Subject" onclick="CreateNewEntry('Subject')">
                    <i class="fas fa-save"></i> speichern
                </button>
                <button id="SubjectModifySave" type="button" class="btn btn-success" style="display: none;" title="Modify Subject" onclick="UpdateEntry('Subject')">
                    <i class="fas fa-sync"></i> aktualisieren
                </button>
                <button id="newSubjectDismiss" type="button" class="btn btn-secondary" data-bs-dismiss="modal">
                    <i class="fas fa-times"></i> schliessen
                </button>
                <button id="newRelationSubjectDismiss" type="button" class="btn btn-secondary" style="display: none;" data-bs-dismiss="modal">
                    <i class="fas fa-times"></i> schliessen
                </button>
            </div>
        </div>
    </div>
</div>