[BUG] The buttons on the left panel are displayed incorrectly.

[bav2653]

If all buttons are enabled, they are displayed incorrectly on the left panel. This is noticeable when the program is restarted.

Another extension, "Commander", helps me solve this problem.

Obsidian_rB6TqK8R2o_1222.mp4

[doug-w]

The issue is in configureRibbonIcons:

  private configureRibbonIcons() {
    this.ribbonEl?.detach();

    const configuredGranularities = this.calendarSetManager.getActiveGranularities();
    if (configuredGranularities.length) {
      const granularity = configuredGranularities[0];
      const config = displayConfigs[granularity];
      this.ribbonEl = this.addRibbonIcon(
        `calendar-${granularity}`,
        config.labelOpenPresent,
        (e: MouseEvent) => {
          if (e.type !== "auxclick") {
            this.openPeriodicNote(granularity, window.moment(), {
              inNewSplit: isMetaPressed(e),
            });
          }
        }
      );
      this.ribbonEl.addEventListener("contextmenu", (e: MouseEvent) => {
        e.preventDefault();
        showFileMenu(this.app, this, {
          x: e.pageX,
          y: e.pageY,
        });
      });
    }
  }

it only looks at configuredGranularities[0] and so only the first active Granularity is added after the Layout is ready. I've worked around this with 2 active configurations one with daily/weekly the other weekly only, and a hotkey to swap between them. After load I push that. ribbonEl isn't an array so I didn't easily fix this.

[odie5533]

Workaround. Edit this file and then you can set the options you want and restart Obsidian for them to take effect.

In Obsidian Vault\.obsidian\plugins\periodic-notes, edit main.js and change from:

    configureRibbonIcons() {
        var _a;
        (_a = this.ribbonEl) === null || _a === void 0 ? void 0 : _a.detach();
        const configuredPeriodicities = [
            "daily",
            "weekly",
            "monthly",
            "quarterly",
            "yearly",
        ].filter((periodicity) => this.settings[periodicity].enabled);
        if (configuredPeriodicities.length) {
            const periodicity = configuredPeriodicities[0];
            const config = periodConfigs[periodicity];
            this.ribbonEl = this.addRibbonIcon(`calendar-${config.unitOfTime}`, `Open ${config.relativeUnit}`, (event) => openPeriodicNote(periodicity, window.moment(), isMetaPressed(event)));
            this.ribbonEl.addEventListener("contextmenu", (ev) => {
                showFileMenu(this.app, this.settings, {
                    x: ev.pageX,
                    y: ev.pageY,
                });
            });
        }
    }

to

    configureRibbonIcons() {
        var _a;
        (_a = this.ribbonEl) === null || _a === void 0 ? void 0 : _a.detach();
        const configuredPeriodicities = [
            "daily",
            "weekly",
            "monthly",
            "quarterly",
            "yearly",
        ].filter((periodicity) => this.settings[periodicity].enabled);
        for (const periodicity of configuredPeriodicities) {
            const config = periodConfigs[periodicity];
            this.ribbonEl = this.addRibbonIcon(`calendar-${config.unitOfTime}`, `Open ${config.relativeUnit}`, (event) => openPeriodicNote(periodicity, window.moment(), isMetaPressed(event)));
            this.ribbonEl.addEventListener("contextmenu", (ev) => {
                showFileMenu(this.app, this.settings, {
                    x: ev.pageX,
                    y: ev.pageY,
                });
            });
        }
    }