Skip to content

Commit

Permalink
#47: Initial stage of porting the Export system. Config edit screen l…
Browse files Browse the repository at this point in the history 
…oads.

Much more to do still.
  • Loading branch information
@adamfranco
adamfranco committed Dec 16, 2024
1 parent 8f3d42f commit a0afb05
Show file tree
Hide file tree
Showing 10 changed files with 633 additions and 596 deletions.
511 changes: 0 additions & 511 deletions application/controllers/ExportController.php
View file

Large diffs are not rendered by default.

54 changes: 0 additions & 54 deletions application/views/scripts/admin/export.phtml
View file

This file was deleted.

75 changes: 59 additions & 16 deletions docroot/javascript/export.js → assets/export.js
View file
Original file line number Diff line number Diff line change
@@ -1,3 +1,6 @@
import './styles/export.css';
import $ from 'jquery';
import 'jquery-ui';

var loading = false;

Expand All @@ -14,7 +17,7 @@ function generateSection(id, type, input) {
}

function generateSectionHTML(type, input) {
return "<div class='position-helper'><span class='move-arrows'><img src='../../images/arrow_cross.png'></span></div><span class='section-type'>Type: " + type + "</span><span class='section-value'>" + input + "</span><span class='section-controls'><button class='button-delete' onclick='deleteSection(this)'>Delete Section</button><button class='button-section-add' onclick='newSection(this)'>Add Section Below</button></span>";
return "<div class='position-helper'><span class='move-arrows'><img src='" + assets.arrow_cross + "'></span></div><span class='section-type'>Type: " + type + "</span><span class='section-value'>" + input + "</span><span class='section-controls'><button class='button-delete button-delete-section'>Delete Section</button><button class='button-section-add'>Add Section Below</button></span>";
}

// Cache of courselist data for reuse.
Expand Down Expand Up @@ -70,16 +73,14 @@ function generateInputTag(type, value, callback) {

// Run the request and work through our queue when we get the result back.
$.ajax({
url: "../export/generateCourseList",
url: "../exports/generatecourselist/" + $('#catalogId').val(),
type: "GET",
data: {
catalogId: $('#catalogId').val()
},
error: function(error) {
throw error;
},
success: function(data) {
courselist_data[$('#catalogId').val()] = data;
var l;
while (l = courselists_to_populate.pop()) {
setCourseListInputForData(courselist_data[l['catalog']], l['value'], l['callback']);
}
Expand Down Expand Up @@ -115,9 +116,9 @@ function setCourseListInputForData(data, value, callback) {

function generateGroup(id, title, visible) {
if (visible) {
return "<li id='" + id + "' class='group ui-state-default'><div class='position-helper'><span class='move-arrows'><img src='../../images/arrow_cross.png'></span></div><span class='group-title'>" + title + "</span><div class='group-toggle-description' onclick='toggleGroup(this)'>show/hide</div><div class='group-controls'><button class='button-delete' onclick='deleteGroup(this)'>Delete group</button><button class='button' onclick='newGroup(this)'>Add group below</button></div><ul class='section-group visible'></ul></li>";
return "<li id='" + id + "' class='group ui-state-default'><div class='position-helper'><span class='move-arrows'><img src='" + assets.arrow_cross + "'></span></div><span class='group-title'>" + title + "</span><div class='group-toggle-description'>show/hide</div><div class='group-controls'><button class='button-delete button-delete-group'>Delete group</button><button class='button add-group-below'>Add group below</button></div><ul class='section-group visible'></ul></li>";
} else {
return "<li id='" + id + "' class='group ui-state-default'><div class='position-helper'><span class='move-arrows'><img src='../../images/arrow_cross.png'></span></div><span class='group-title'>" + title + "</span><div class='group-toggle-description' onclick='toggleGroup(this)'>show/hide</div><div class='group-controls hidden'><button class='button-delete' onclick='deleteGroup(this)'>Delete group</button><button class='button' onclick='newGroup(this)'>Add group below</button></div><ul class='section-group'></ul></li>";
return "<li id='" + id + "' class='group ui-state-default'><div class='position-helper'><span class='move-arrows'><img src='" + assets.arrow_cross + "'></span></div><span class='group-title'>" + title + "</span><div class='group-toggle-description'>show/hide</div><div class='group-controls hidden'><button class='button-delete button-delete-group'>Delete group</button><button class='button add-group-below'>Add group below</button></div><ul class='section-group'></ul></li>";
}
}

Expand Down Expand Up @@ -168,17 +169,30 @@ function buildList(jsonData, callback) {
}

function populate() {
$('#config-selector').change(function() {
window.location = this.value;
});
if(!$('#configId').val()) {
return;
}
$('#save-export-config-button').on('click', function() {
saveJSON();
});
$('#reset-export-config-button').on('click', function() {
reset();
});
$('#delete-export-config-button').on('click', function() {
deleteConfig($('#configId').val());
});
$('#show-hide-export-config-groups-button').on('click', function() {
showHide();
});

loading = true;
$.ajax({
url: "../export/latestrevision",
url: "../exports/" + $('#configId').val() + "/latest.json",
type: "GET",
dataType: "JSON",
data: {
configId: $('#configId').val()
},
success: function(data) {
buildList(data, function() {
renameGroups();
Expand Down Expand Up @@ -259,6 +273,33 @@ function resetEventListeners() {
renameGroups();
renameSections();
});

// Attach handlers to buttons based on class.
$('.group-toggle-description').unbind('click').on('click', function () {
toggleGroup(this);
});
$('.add-group-below').unbind('click').on('click', function () {
newGroup(this);
});
$('.button-section-add').unbind('click').on('click', function () {
newSection(this);
});
$('.button-delete-section').unbind('click').on('click', function () {
deleteSection(this);
});
$('.button-delete-group').unbind('click').on('click', function () {
deleteGroup(this);
});
$('.button-confirm-delete').unbind('click').on('click', function () {
confirmDelete($(this).data('config-id'));
});
$('.button-cancel-delete').unbind('click').on('click', function () {
cancelDelete();
});
$('.select-section-type').unbind('click').on('click', function () {
defineSection(this);
});

}

function showHide() {
Expand Down Expand Up @@ -406,11 +447,10 @@ function saveJSON() {
if(JSONString === "}") JSONString = "{}";

$.ajax({
url: "../export/insertrevision",
url: "../exports/" + $('#configId').attr('value') + "/insertrevision",
type: "POST",
dataType: 'json',
data: {
configId: $('#configId').attr('value'),
note: $('#note').val(),
jsonData: JSONString
},
Expand All @@ -434,12 +474,13 @@ function saveJSON() {

function deleteConfig(configId) {
if($('#warning-box').length) return;
$('#config-body').append("<div id='warning-box' class='warning-box'><p class='warning'>Are you sure you want to delete this configuration? This cannot be undone. All related revisions will be gone as well.</p><div class='warning-controls'><button class='button-delete' onclick='confirmDelete(" + configId + ")'>Delete</button><button onclick='cancelDelete()'>Cancel</button></div></div>");
$('#config-body').append("<div id='warning-box' class='warning-box'><p class='warning'>Are you sure you want to delete this configuration? This cannot be undone. All related revisions will be gone as well.</p><div class='warning-controls'><button class='button-delete button-confirm-delete' data-config-id='" + configId + "'>Delete</button><button class='button-cancel-delete'>Cancel</button></div></div>");
resetEventListeners();
}

function confirmDelete(confId) {
$.ajax({
url: "../export/deleteconfig",
url: "../exports/" + configId + "/deleteconfig",
type: "POST",
data: {
configId: confId
Expand Down Expand Up @@ -522,7 +563,7 @@ function newGroupFirstSection() {
}

function newSection(thisButton) {
var newSectionHTML = "<li class='section ui-state-default'><select class='select-section-type' onchange='defineSection(this)'><option value='unselected' selected='selected'>Please choose a section type</option><option value='h1'>h1</option><option value='h2'>h2</option><option value='page_content'>External page content</option><option value='custom_text'>Custom text</option><option value='course_list'>Course list</option></select></li>";
var newSectionHTML = "<li class='section ui-state-default'><select class='select-section-type'><option value='unselected' selected='selected'>Please choose a section type</option><option value='h1'>h1</option><option value='h2'>h2</option><option value='page_content'>External page content</option><option value='custom_text'>Custom text</option><option value='course_list'>Course list</option></select></li>";
if(!thisButton) {
if($('#begin-message')) {
$('#begin-message').remove();
Expand All @@ -532,6 +573,7 @@ function newSection(thisButton) {
var li = $(thisButton).parent().parent();
$(newSectionHTML).insertAfter(li);
}
resetEventListeners();
renameSections();
}

Expand All @@ -557,4 +599,5 @@ function deleteSection(thisButton) {

$(document).ready(function() {
populate();
resetEventListeners();
});
0 docroot/StyleSheets/midd/Export.css → assets/styles/export.css
View file
File renamed without changes.
4 changes: 4 additions & 0 deletions importmap.php
View file
Original file line number Diff line number Diff line change
Expand Up @@ -19,6 +19,10 @@
'bookmarks' => [
'path' => 'bookmarks.js',
],
'export' => [
'path' => 'export.js',
'entrypoint' => true,
],
'offering_search' => [
'path' => 'offering_search.js',
'entrypoint' => true,
Expand Down
Loading

0 comments on commit a0afb05

Please sign in to comment.