Skip to content

WIP: Column configuration updates #13

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Draft
Brayden wants to merge 6 commits into
base: main
Choose a base branch
from
Draft

WIP: Column configuration updates #13

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
6 commits
Select commit Hold shift + click to select a range
5003ef2
Column configuration updates
Brayden Sep 30, 2023
bbd9b94
Add JSON Universe plugin
Brayden May 3, 2024
5631322
Hackathon plugins
Brayden May 7, 2024
9f2ae94
Add date plugin
Brayden May 8, 2024
a53ae5d
Value range can set defined values in configuration
Brayden May 10, 2024
89de4d8
Updates to plugins
Brayden Jul 9, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Binary file modified .DS_Store
View file
Open in desktop
Binary file not shown.
1,333 changes: 942 additions & 391 deletions _playground/table.js
View file
Open in desktop

Large diffs are not rendered by default.

28 changes: 14 additions & 14 deletions columns/_empty.js
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,4 +1,4 @@
var observableAttributes = [
var observableAttributes_$PLUGIN_ID = [
// The value of the cell that the plugin is being rendered in
"cellValue",
// The configuration object that the user specified when installing the plugin
Expand All @@ -7,12 +7,12 @@ var observableAttributes = [
"metadata"
]

var OuterbaseEvent = {
var OuterbaseEvent_$PLUGIN_ID = {
// The user has triggered an action to save updates
onSave: "onSave",
}

var OuterbaseColumnEvent = {
var OuterbaseColumnEvent_$PLUGIN_ID = {
// The user has began editing the selected cell
onEdit: "onEdit",
// Stops editing a cells editor popup view and accept the changes
Expand Down Expand Up @@ -49,7 +49,7 @@ class OuterbasePluginConfig_$PLUGIN_ID {
}
}

var triggerEvent = (fromClass, data) => {
var triggerEvent_$PLUGIN_ID = (fromClass, data) => {
const event = new CustomEvent("custom-change", {
detail: data,
bubbles: true,
Expand All @@ -59,7 +59,7 @@ var triggerEvent = (fromClass, data) => {
fromClass.dispatchEvent(event);
}

var decodeAttributeByName = (fromClass, name) => {
var decodeAttributeByName_$PLUGIN_ID = (fromClass, name) => {
const encodedJSON = fromClass.getAttribute(name);
const decodedJSON = encodedJSON
?.replace(/"/g, '"')
Expand Down Expand Up @@ -116,7 +116,7 @@ templateCell_$PLUGIN_ID.innerHTML = `

class OuterbasePluginCell_$PLUGIN_ID extends HTMLElement {
static get observedAttributes() {
return privileges
return observableAttributes_$PLUGIN_ID
}

config = new OuterbasePluginConfig_$PLUGIN_ID({})
Expand All @@ -129,7 +129,7 @@ class OuterbasePluginCell_$PLUGIN_ID extends HTMLElement {
}

connectedCallback() {
this.config = new OuterbasePluginConfig_$PLUGIN_ID(decodeAttributeByName(this, "configuration"))
this.config = new OuterbasePluginConfig_$PLUGIN_ID(decodeAttributeByName_$PLUGIN_ID(this, "configuration"))
this.render()
}

Expand Down Expand Up @@ -170,7 +170,7 @@ templateEditor_$PLUGIN_ID.innerHTML = `

class OuterbasePluginCellEditor_$PLUGIN_ID extends HTMLElement {
static get observedAttributes() {
return privileges
return observableAttributes_$PLUGIN_ID
}

config = new OuterbasePluginConfig_$PLUGIN_ID({})
Expand All @@ -183,8 +183,8 @@ class OuterbasePluginCellEditor_$PLUGIN_ID extends HTMLElement {
}

connectedCallback() {
this.config = new OuterbasePluginConfig_$PLUGIN_ID(decodeAttributeByName(this, "configuration"))
this.config.cellValue = decodeAttributeByName(this, "cellValue")
this.config = new OuterbasePluginConfig_$PLUGIN_ID(decodeAttributeByName_$PLUGIN_ID(this, "configuration"))
this.config.cellValue = decodeAttributeByName_$PLUGIN_ID(this, "cellValue")
this.render()
}

Expand Down Expand Up @@ -234,7 +234,7 @@ templateConfiguration.innerHTML = `

class OuterbasePluginConfiguration_$PLUGIN_ID extends HTMLElement {
static get observedAttributes() {
return privileges
return observableAttributes_$PLUGIN_ID
}

config = new OuterbasePluginConfig_$PLUGIN_ID({})
Expand All @@ -247,8 +247,8 @@ class OuterbasePluginConfiguration_$PLUGIN_ID extends HTMLElement {
}

connectedCallback() {
this.config = new OuterbasePluginConfig_$PLUGIN_ID(decodeAttributeByName(this, "configuration"))
this.config.cellValue = decodeAttributeByName(this, "cellValue")
this.config = new OuterbasePluginConfig_$PLUGIN_ID(decodeAttributeByName_$PLUGIN_ID(this, "configuration"))
this.config.cellValue = decodeAttributeByName_$PLUGIN_ID(this, "cellValue")
this.render()
}

Expand All @@ -262,7 +262,7 @@ class OuterbasePluginConfiguration_$PLUGIN_ID extends HTMLElement {

var saveButton = this.shadow.getElementById("saveButton");
saveButton.addEventListener("click", () => {
triggerEvent(this, {
triggerEvent_$PLUGIN_ID(this, {
action: OuterbaseEvent.onSave,
value: {}
})
Expand Down
Loading