Manual tracker in admin extension

010101

I want a manual tracker only I (the admin) can access. More than a notes box. Something like this interesting project called Bumpy Booby.

https://github.com/piero-la-lune/Bumpy-Booby

I guess maybe I could have something like bumpy booby in an iframe in my admin. But. That’s not elegant.

I guess I could also just install this separately from Flarum.

Are there any manual tracking type extensions already? I don’t think so but just in case I thought I’d ask.

Justoverclock

Is this similar to a to-do list? Interesting

010101

Justoverclock Better than a to do list.

I'm not tracking anything yet, but here's a fresh dashboard:

If this was in my Flarum admin it'd be great.

For now, I can probably just create an extension with an admin page, that has an iframe that shows this.

Here’s an example entry or “issue” as if I am using it to help me track user requests:

Finally, it’s flat-file and super easy to backup and/or transfer to another server. And, if Flarum breaks, it’s separate so I can still get to my issue tracker.

There are all kinds of fancy issue/bug trackers out there but I’m excited that I found this very minimal one.

010101

@Justoverclock Do you know how I could have a simple iframe on an extension’s settings page? I can see how to add settings fields to the settings page. But, not quite how instead of settings fields I could just have an iframe. Or even plain text.

Justoverclock

010101 well you need to extend settingspage Component like:

https://github.com/davwheat/flarum-ext-ads/blob/main/js/src/admin/index.ts

And then

https://github.com/davwheat/flarum-ext-ads/blob/main/js/src/admin/components/SettingsPage.tsx

010101

Justoverclock Ok, thanks for taking the time to pull an example. No luck so far, but maybe I'll realize what's wrong eventually.

I can easily replace the entire admin 😂.

Justoverclock

010101 share your code so we can see better what you are about to try 🙂

010101

Justoverclock Breakthrough. I had a typo. I think I'm progressing.

010101

Done. It's working! I now know how to replace the normal "settings" area of an extension with anything. This means I can now embed whatever I want in my admin with extensions and iframes (same origin, safe iframes of course). 😎

If I can make a setting work that allows the admin to set the url for the iframe, then I'll release this extension. But, that could take a lot of fumbling and many hours for me.

Justoverclock

010101 well that is pretty simple, you need in order to:

build the form into the settings page in the content() like:

<div className="Form-group settingscustomhtml">
                <label>{yourlabelvariable}</label>
                <aside class="customhtmlwarning">{yourtextforHelp}</aside>
              <div class="textandprw">
                <textarea id="htmltext" className="FormControl customhtmlbox" bidi={this.setting('your-settings-key')}/>
              </div>
              </div>

then you need to serialize this settings into extend.php simply adding:

(new Extend\Settings)
        ->serializeToForum('your-setting-key', 'your-setting-key'),

retrieve on frontend:
then you can retrieve your field value with app.forum.attribute('your-setting-key')

see how it works more or less:

https://github.com/justoverclockl/custom-html-widget/blob/main/extend.php
https://github.com/justoverclockl/custom-html-widget/blob/main/js/src/admin/index.js#L28-L35

i think for a settings to admin is pretty the same, but not with serializetoforum but something like this.setting('your-setting-key')

010101

Justoverclock

I've abandoned adding the setting for now because my iframe covers the settings. 🙈 I believe I would need to create a separate settings page. This is also not super hard to do, there's plenty of examples out there. But, I've officially hit the wall for the day. Plus, I accomplished my personal goal of at least getting this running for myself today. Sorry to be selfish community members, but sometimes you have to make things for yourself. 🙂 Still, I'll share what I have with the community...

I have a basic "hard coded" version for myself. Anyone with at least a tiny bit of web building knowledge can also get this going even without the settings and additional code it needs to be a fully automatic install. https://github.com/zerosonesfun/flarum-tracking

I won't create an actual extension discussion for it here unless I can make it a fully automatic install one day. Consider this a non-official, or alpha release. And of course, as always, to the much faster and more experienced developers out there, pull requests are welcome. 🤗 That would be amazing if a developer added the iframe url settings page while I rest my eyes.

Here's the finished product (beautiful if I may say so myself):

This can be used for many different things. I'm thinking of using it to track GDPR requests, bugs, features I want to add, etc. And, although I can now access it from my Flarum admin, it's still separate. Which I like. At any time I can move my tracker/notes somewhere else just by moving a folder. I don't plan on keeping anything super sensitive in it, nor do I plan on storing a ton of notes in it. Just wanted to state that before anyone thinks about slashing my hopes and dreams by commenting about security or flat-file database concerns.

Justoverclock

I will take a look at this , what if you try something like this instead of iframe ?

Create a div and


function addmyfile(){
     var x=document.getElementById("mydiv");
     x.innerHTML = '<?php include_once "index.php";?>';
     }      
   addmyfile()

010101

Justoverclock If that could work it might be better. Does that way work like an iframe where a completely separate app can be embedded? Or, would that only embed index.php and then when you click on something it could break? That’s the key issue… I’m embedding something separate from Flarum. Because I like it. But also want to access it from my admin.

I know that there are ways to do it without an iframe. If I’m not mistaken, I think fof/analytics used to embed the analytics software with an iframe. Now I believe it’s done a different way. A way that’s over my head.

Another extension idea which is almost just like what I’m trying to do here, but re-branded to be more generic… Make an extension called “Custom Integrations.” The admin can put in any URL they want (as long as it’s on the same domain), and they can now access that from their admin. And, they can add as many URLs as they what. Each URL would then have it’s own page in your admin.

Justoverclock

010101 well i think you can include only index.php with this way....idk if there's a solution for this. maybe someone more expert

btw in your extension there's no iframe loaded, u might want to push updated version

010101

Justoverclock btw in your extension there's no iframe loaded, u might want to push updated version

That was done on purpose in case someone wanted to try this manual set up version. Because with this manual set up version you have to add your own URL in TrackingPage.js. 😅 This is why I’m not officially releasing this (creating a discuss extension post).

Justoverclock

lmfao looking at your extension i've discovered this in my repository, a very first attempt to make an extension for flarum....and it works 😆