New Tab on Edit Profile Page

[Boy_Wonder]

Nov 27, 2017 9:04:48 GMT -8 P̌̓aͧś̀t̀u͒le͆o͂2̀3̃̓ said:

Nov 27, 2017 7:37:50 GMT -8 Boy_Wonder said:

How would I go by field name, as I'd need to check each field seperate to append to proper area

<script>
$(document).ready(function(){
for(a=0;a<pb.data('user').custom_field_names.length;a++)
{
if(pb.data('user').custom_field_names[a].toLowerCase().replace(/ /g,'')=='bio')
$('.custom-field-'+pb.data('user').custom_field_names[a].toLowerCase().replace(/ /g,'')).clone(true).appendTo('#hide-or-show')
if(pb.data('user').custom_field_names[a].toLowerCase().replace(/ /g,'')=='partymember1')
$('.custom-field-'+pb.data('user').custom_field_names[a].toLowerCase().replace(/ /g,'')).clone(true).appendTo('#hide-or-show')
if(pb.data('user').custom_field_names[a].toLowerCase().replace(/ /g,'')=='partymember2')
$('.custom-field-'+pb.data('user').custom_field_names[a].toLowerCase().replace(/ /g,'')).clone(true).appendTo('#hide-or-show')
if(pb.data('user').custom_field_names[a].toLowerCase().replace(/ /g,'')=='partymember3')
$('.custom-field-'+pb.data('user').custom_field_names[a].toLowerCase().replace(/ /g,'')).clone(true).appendTo('#hide-or-show')
}
$('#'+$('.form_user_edit_'+pb.data('user').username).attr('id')+'_submit_button').clone(true).appendTo('#hide-or-show').attr('value', 'Save Bio')
})
</script>
all lowercase with no spaces for id names

Okay got it all working, apart from some small final requests - how could I hide all the cloned custom fields off they're originating area and the button(s) aren't actually working to save the information

[Peter]

Quick flying visit. Wrote this for you quickly...



Rep: github.com/PopThosePringles/ProBoards-Custom-Field-Tabs
Download: github.com/PopThosePringles/ProBoards-Custom-Field-Tabs/releases/download/1.0.0/Custom.Field.Tabs.pbp
Src: github.com/PopThosePringles/ProBoards-Custom-Field-Tabs/blob/master/src/Custom_Field_Tabs.js

Since you mess a lot with your layout templates, no guarantee it will work for you. It's open source, so any issues am sure someone can help you tweak it.  Am rather inactive at the moment, so probably won't reply for a while.

 

[Boy_Wonder]

Nov 28, 2017 8:49:43 GMT -8 Peter said:

Quick flying visit. Wrote this for you quickly...



Rep: github.com/PopThosePringles/ProBoards-Custom-Field-Tabs
Download: github.com/PopThosePringles/ProBoards-Custom-Field-Tabs/releases/download/1.0.0/Custom.Field.Tabs.pbp
Src: github.com/PopThosePringles/ProBoards-Custom-Field-Tabs/blob/master/src/Custom_Field_Tabs.js

Since you mess a lot with your layout templates, no guarantee it will work for you. It's open source, so any issues am sure someone can help you tweak it.  Am rather inactive at the moment, so probably won't reply for a while.

 

Thanks Peter - though alas in my case I was more looking on the edit profile page rather then the profile page, but never the less I'm sure I'll put this to work

[Peter]

If you don't want the view side being touched, then edit the plugin and change this line...

if (this.edit_profile() || this.view_profile()) {

To...

if (this.edit_profile()) {

Should solve that for you.

[Boy_Wonder]

Nov 28, 2017 12:55:15 GMT -8 Peter said:

If you don't want the view side being touched, then edit the plugin and change this line...

if (this.edit_profile() || this.view_profile()) {

To...

if (this.edit_profile()) {

Should solve that for you.

My other issue is that as I say (and I have 90% of it working through html I need to be able to assign different groups of fields to different locations on the page to avoid having a tonne of tabs)



This is the none functioning version (in that the cloned save button doesn't work)

[Peter]

Boy_Wonder ,

You can mess with the HTML around this line...

github.com/PopThosePringles/ProBoards-Custom-Field-Tabs/blob/master/src/Custom_Field_Tabs.js#L28

The forEach loop is just looping over the fields for that specific tab, so you can tweak the HTML to lay them out how you want.

I had a feeling my plugin wasn't going to be a solution for you, so no worries. Was interesting to do. It also gave me a good reason to use MutationObservers to observe the saving status, which seems to be pretty good, especially the performance (though it is only observing the child list in one element).

[Peter]

1.1.0
  - Settings to enable disable tabs on profile view / edit.
  - Simple template parsing so you can customise how the tab looks (see screen shot below as an example).

Release: github.com/PopThosePringles/ProBoards-Custom-Field-Tabs/releases/tag/1.1.0

[Boy_Wonder]

Thanks Peter! It works amazing now! So I have to ask for one last thing because I'm horrible this isn't important but is there any way to change the button text for each field?

[Peter]

I assume you mean the the submit button right?

Grab the latest version from here, I added in the option to change each submit button for each tab.

support.proboards.com/thread/643020/custom-field-tabs-updated-2017