Create setting for extension

askvortsov

Justoverclock u mean that i need a controller?

You already have one!

Justoverclock

askvortsov oh u mean contactcontroller.php!!!

i will try something on this 🙂 like:

class ClassInterfacesWithSettings
{

    protected $settings;

    public function __construct(SettingsRepositoryInterface $settings)
    {
        $this->settings->get();
    }
}

Justoverclock

just to understand, why this code:

app.initializers.add("my-extension", () => {
  app.extensionData.for("my-extension").registerSetting(
    {
      setting: "my-extension.coordinates",
      name: "my_name",
      type: "text",
      label: app.translator.trans(
        "my-translator-properties"
      ),
    },
    15
  );
});

actually display in the extension settings an input form and a "save" button? what if i want to change a field with (for example) a textarea?

i need to create a component with my things that have to be displayed and then import this in admin.js?

import MyPage from './components/MyPage';

SychO

Justoverclock 🤔 We should add the textarea type,

you can use a callback for special form groups, example for a textarea: (untested)

    .registerSetting(function () {
      return (
        <div className="Form-group">
          <label>{label}</label>
          <div className="helpText">{help}</div>
          <textarea bidi={this.setting('my_setting_name')}>{this.setting('my_setting_name')()}</textarea>
        </div>
      );
    })

Justoverclock

SychO it actually break the page

askvortsov

SychO If you copied this code directly, you need to define the variables for label and text, or use the translator there directly.

You don't need a textarea for an email field.

clarkwinkelmann

Justoverclock the column width of a setting is fixed and can't be changed, however it's quite long (MySQL TEXT field), so it should easily fit whatever you need.

To create a field that makes it user-friendly to insert a longer text, a textarea can be used as described by SychO above.

For future readers of this thread I see we now have an issue to track the addition of the textarea as a standard setting type that you created flarum/core2809

Justoverclock

perfect, i will try this 🙂
but the main question is, why that code display a form and a button? i can't figure which part of the code refer to these

SychO

Justoverclock If you want to change that completely, you can create a custom extension page, more details here: https://docs.flarum.org/extend/admin.html#extending-overriding-the-default-page

clarkwinkelmann

Justoverclock if you want to take a look at the source code, this is where the settings configuration is looped through: https://github.com/flarum/core/blob/v0.1.0-beta.16/js/src/admin/components/ExtensionPage.js#L118-L135

And this is the method that's called with each settings configuration https://github.com/flarum/core/blob/v0.1.0-beta.16/js/src/admin/components/AdminPage.js#L96-L133

SychO

Justoverclock what's in the browser console ?

Justoverclock

mount-redraw.js:15 ReferenceError: label is not defined
    at e.<anonymous> (index.js:8)
    at e.n.buildSettingComponent (AdminPage.js:98)
    at Array.map (<anonymous>)
    at e.n.content (ExtensionPage.js:126)
    at e.n.sections (ExtensionPage.js:96)
    at e.n.view (ExtensionPage.js:52)
    at Function.s (render.js:30)
    at render.js:155
    at render.js:160
    at l (render.js:66)
s @ mount-redraw.js:15

i missed something for sure, i'm trying to find what

Justoverclock

askvortsov anyone knows if exist an extension similar to what i need? just to see the code?

idea:
Frontend:
new page on flarum (i definitely know how can i do this)

Backend:
a textarea when admin can put a simple text (better if with html but i'm pretty sure this will greatly increase the difficulty)

Frontend again:
display the text in the custom page

someone could say "its simple" 😆

askvortsov

Justoverclock Isn't this just fof pages?

Justoverclock

askvortsov true....I wanted to see if you were paying attention 😆

Justoverclock

askvortsov i trying to understand better how can i get input value from settings and inject this directly to the code...

i don't know if i'm wrong but i think i need a controller right?
to clarify: thats my actual situation:

i have this in settings:

this field accept number, so if admin sets, 5 (for example) i need to replace this in frontend index.js (number 2 in this case must be 5):
vdom.children.splice(2, 0, insert);

what is the simplest way?

SychO

Justoverclock which frontend do you want to get the setting's value ? forum or admin ?

Justoverclock

SychO forum

SychO

Justoverclock you first need to expose the value of the setting to the forum frontend, you can use the Settings extender for that

(new Extend\Settings)
    ->serializeToForum('settingName', 'extension_id.setting_name'),

then you can access it in the frontend like so

app.forum.attribute('settingName');

more details in https://docs.flarum.org/extend/settings.html#settings-in-the-frontend

Justoverclock

SychO thank you,
So In this case

app.forum.attribute('settingName'); Is the number submitted in the input field

SychO

Justoverclock correct

Justoverclock

SychO can u help me to find the right way to call the signup and login button also?

« Previous Page Next Page »