-
${this.statusObject?.details?.map((detailArg) => {
return html`
- ${this.statusObject?.name || 'no status object assigned'}
-Copy as JSON
+ ${this.statusObject?.name || 'No status object assigned'}
+Copy JSON
+
{
+ event.preventDefault();
+ DeesContextmenu.openContextMenuWithOptions(event, [
+ {
+ name: 'Copy Value',
+ iconName: 'lucideCopy',
+ action: async () => {
+ await this.copyToClipboard(detailArg.value, 'Value');
+ },
+ },
+ {
+ name: 'Copy Key',
+ iconName: 'lucideKey',
+ action: async () => {
+ await this.copyToClipboard(detailArg.name, 'Key');
+ },
+ },
+ {
+ name: 'Copy Key:Value',
+ iconName: 'lucideCopyPlus',
+ action: async () => {
+ await this.copyToClipboard(`${detailArg.name}: ${detailArg.value}`, 'Key:Value');
+ },
+ },
+ ]);
+ }}
+ >
${detailArg.name}
@@ -162,4 +210,42 @@ export class DeesDataviewStatusobject extends DeesElement {
}
async firstUpdated() {}
+
+ private async copyToClipboard(text: string, type: string = 'Text') {
+ try {
+ await navigator.clipboard.writeText(text);
+ console.log(`${type} copied to clipboard`);
+ // You could add visual feedback here if needed
+ } catch (err) {
+ console.error(`Failed to copy ${type}:`, err);
+ }
+ }
+
+ private async handleCopyAsJson() {
+ if (!this.statusObject) return;
+
+ try {
+ await navigator.clipboard.writeText(JSON.stringify(this.statusObject, null, 2));
+
+ // Show feedback
+ const button = this.shadowRoot.querySelector('.copyMain') as HTMLElement;
+ const originalText = button.textContent;
+ button.textContent = 'Copied!';
+
+ // Apply success styles based on theme
+ const isDark = !this.goBright;
+ button.style.background = isDark ? 'hsl(142.1 70.6% 45.3% / 0.1)' : 'hsl(142.1 76.2% 36.3% / 0.1)';
+ button.style.borderColor = isDark ? 'hsl(142.1 70.6% 45.3%)' : 'hsl(142.1 76.2% 36.3%)';
+ button.style.color = isDark ? 'hsl(142.1 70.6% 45.3%)' : 'hsl(142.1 76.2% 36.3%)';
+
+ setTimeout(() => {
+ button.textContent = originalText;
+ button.style.background = '';
+ button.style.borderColor = '';
+ button.style.color = '';
+ }, 1500);
+ } catch (err) {
+ console.error('Failed to copy:', err);
+ }
+ }
}