National Flags - Display user nationality in Discourse

plugin
63

Yep, it’s fixed :+1:

64

Really great to see the improvements made here, everyone.
Really awesome!

66

Click on mobile? Where is this again?

image
image.png1121×653 22.9 KB

67

You’re close! Click Edit CSS/HTML, editing the mobile styling is one of the tabs in there.

4 Likes
68

Jeff Thanks for updating did you find it Dylan?

69

Is it possible to use that plugin with other images except flags?

Solution: It is possible to edit flaglist.js.es6 file

{
      "name": "fo",
      "value": "fo.png"
    }
70

How you can add string variables? What is the user-inputted location?

Solution: I forked plugin repo and customize for my purpose. It seems work.

71

With that fix, the flag is displayed to the left of the user’s name. How do I move it to the right of the name?

2 Likes
72

I was added “url” to that component in flaglist.js.es6 file:

{
      "name": "name",
      "value": "name.png",
      "url": "name-link"
    }

How can I print the URL value in show-user-card.hbs?

{{model.custom_fields.nationalflag_iso.url}}

73

Nice plugin indeed!

I have problem, when i go to user options, and select flag…click SAVE, when i refresh it wont save it it goes back to default.

Any clue why? :slight_smile:

p.s. i did full system and discourse backup this morning, could that be the problem?

Thanks

74

This was caused by a recent change in Discourse. It will require a small change to the plugin to fix the problem.

@Ebs I have made a pull request on your repository with the change: https://github.com/Ebsy/discourse-nationalflags/pull/3

4 Likes
75

Thank you i was confused :slight_smile: @david

76

Merged. Thanks a lot!

3 Likes
77

Problem solved, i can save national flag now!

Thanks @david and @Ebs

78

Small issue regarding style/alignment with the mobile view of discourse. The national flag seems to be stretched vertically and is aligned above the username. Would it be possible to move the alignment of the icon to the right of the username/title (to coincide with the respective placement on the desktop view) and fix the distortion?

Desktop:

Screenshot_20180924-210624_Chrome
Screenshot_20180924-210624_Chrome.jpg1080×2220 396 KB

Mobile:

Screenshot_20180924-210732_Chrome
Screenshot_20180924-210732_Chrome.jpg1080×2220 379 KB

Please note that the only thing that was done was clicking on the view toggle link in the hamburger menu.

1 Like
79

I second this. Please help, looks ugly on mobile…

80

Thought it was about time I fixed it :smiley:
Just updated the plugin. flag is now after the username on mobile (and not stretched anymore) :+1:

3 Likes
81

Hey Neil @Ebs,

As discussed, have submitted PR to add a few extras for your great plugin!

https://github.com/Ebsy/discourse-nationalflags/pull/4

Sneak peak:

Natural language descriptions and search

replacing codes - these are still used by the code, btw, but hidden:

image :arrow_right: image

Custom Wizard plugin support

If you use both plugins, you will be able include a flag update step in your Wizard, e.g. for new or existing users to complete their profile

Some things to consider

There are a handful of descriptions for the non-standard codes that need to be amended in the .yml file. I’ve left this to you as you know what each one means :).

The structure is now there for Localisation text for additional languages other than English to be added.

Let me know if you have any comments.

Let me know when you have merged as will need to release a new Custom Wizard update shortly afterwards.

@angus

7 Likes
82

FYI I’ve pushed a small update to improve the code (thanks for suggestions @angus)

https://github.com/Ebsy/discourse-nationalflags/commit/ecfb34d29a9d3d1536a7f60bb3055809968372ac

4 Likes
83

Thanks for merging @Ebs.

@Vikas_Dangi the drop down uses descriptions now.

3 Likes