Authentic is Webmin/Usermin theme based on Bootstrap and Font Awesome that you just longed to get.

273 posts / 0 new
Last post
Mon, 07/20/2015 - 05:52
dl

I have just been experimenting with Theme Extensions option which you discussed above (overlays/extensions).

I am using latest Authentic Theme 13.10 on Webmin 1.760

First clicking on Theme Extensions button and entering page I created a basic test styles.css file in /etc/webmin/authentic-theme/styles.css

But after saving file and restarting Webmin this extended style has no effect.

I tried viewing in two different browsers Chrome and Firefox.

And when I view html source I do not see any injected link to styles.css.

I did explore inside authentic-lib.cgi but I don't see where custom js/css is injected. Nearest reference is found at line 900 .. "Theme config directory is `/etc/webmin/authentic-theme' "

How can I troubleshoot this since I need to inject custom js/css into html head?

DL

Mon, 07/20/2015 - 06:53 (Reply to #202)
Ilia
Ilia's picture

That I'm not sure why it's not working. It should and you must see the result on the right frame right away and after page refresh left menu also take the styles.

Here is how it works: https://rostovtsev.ru/pub/src/authentic/14.00b/working_with_custom_scrip...

I just think you need to try to put !important afterwards.

When you open source, do you see a file styles.css somewhere?

Try putting to styles:

html,
body,
.container:not(.form-signin-banner),
.container-fluid,
.loader-container,
.input-group-addon {
background-color: red !important
}

After you click save, it should imitatively change?

Mon, 07/20/2015 - 08:21
dl

I tried your suggested css .. incidentally it was difficult to read the example css code in your video.

After saving changes the background in right frame immediately turns to red. Seems that adding !important is .. important.

And I see styles.css saved in

/usr/share/webmin/authentic-theme/unauthenticated/css/styles.css

But on saving I see this error message in right frame ..

Failed to open /etc/usermin/authentic-theme/styles.css for writing: No such file or directory.

So I manually created this file.

...

My suggestion for building advanced theme extension is to change the Theme Extensions editor to allow a list of multiple links to be injected into head instead of just two js/css files.

i.e. inject the equivalent of $htmlhead used in older themes.

Or just add a new dropdown option to edit $htmlhead raw file?

Mon, 07/20/2015 - 09:52 (Reply to #204)
Ilia
Ilia's picture

Thanks, I have fixed this bug that resulted in Failed to open .... for writing: No such file or directory .

I will not be able to add support for multiple files, as this will add extra complexity and will result in more request to the server. In case you want to do it, you could use @import for CSS files and $.getScript( "your_script.js") for JS.

However I would recommend to keep all in those two files, which is more than sufficient, I believe.

P.S. I will try to make left menu also reload, when editing custom styles/scritps.

Mon, 07/20/2015 - 10:37
dl

I understand your reluctance to add complexity.

In fact I have just realised this workaround.
It is to use dynamic js and css with jQuery.

I'll run some experiments.

Mon, 07/20/2015 - 10:40 (Reply to #206)
Ilia
Ilia's picture

Alright, good luck!

Tue, 07/21/2015 - 05:40
dl

I'm not sure that placing this thread under "News" sub-forum is the best place for posting development suggestions. Would github site better for posting suggestions?

However, here are some more suggestions.

[1] Optimising js

Viewing the source in Authentic Theme shows a large number of scripts loaded under /usr/share/webmin/authentic-theme/unauthenticated/js/

And custom scripts might be added to this list.

These head scripts/links require multiple requests to the server or externally.

It seems to me that this theme is a candidate for using require.js.

http://requirejs.org/docs/api.html#jsfiles

Same approach can be used with aggregating css files .. e.g. Bower.

[2] Caching views

I posted another question elsewhere in forum on responsiveness of page loading (e.g.) Perl Modules where it takes 3-4 minutes per page refresh.

Could Authentic Theme offer caching of page views across all modules so that the time for page refreshing page is better optimised? This would require DataTables to be cached rather than loading DataTable each time the page is refreshed.

I'm looking for better responsiveness since I'm using Webmin in a local development environment.

It might be helpful to build some stats of page loading performance.

Tue, 07/21/2015 - 06:07 (Reply to #208)
Ilia
Ilia's picture

Just today, in 4-6 hours, I'm releasing new big update - Authentic Theme v14. It will have optimized JS and CSS. All files will be bundled and large packages will not be loaded on default but by request.

In case you want to speed up your experience while using Webmin, go to Webmin->Webmin Configuration->Web Server Options and setting correlated option to Use pre-compressed file and compress dynamically. It made my theme work 3 times faster than before!! ) (at lest version 14b).

Yes, it takes a long time to Rebuild Perl Modules List. It has nothing to do with the theme and should be done server-side. However it takes only 15 seconds for me to reload. You should propose this idea to Jamie or Joe. Theme must not do that. Cache is managed either by browser or by server.

Thu, 07/23/2015 - 08:48
Ilia
Ilia's picture

Dear friends, you are welcome to try new major release of Authentic Theme 14.

Changelog: Version 14.00 (July 21, 2015)

  • Improved page spinners to use no JavaScript, adjusted theme colors and font-weights
  • Improved code and performance by combining styles/scripts in a single package and making other custom optimizations
  • Added new date-picker to replace old JavaScript pop-ups
  • Added ability, when editing custom styles/scripts or uploading custom logos, to update page content dynamically, without reload, to immediately display final outlook
  • Added overall loading progress at the top of the page (like YouTube and Medium). Can be enabled/disabled in theme settings
  • Added CodeMirror modes bundle, to be loadable on demand to support different file highlights in Filemin (File manager for Webmin) written in Perl (without use of Java))
  • Added locales to TinyMCE
  • Updated CodeMirror and TinyMCE
  • Fixed theme HTML output to be more validator friendly
  • Fixed missing status label on managed system in Cloudmin (thanks to Jamie Cameron for reporting it)
  • Fixed JavaScript history step back button in Webmin
  • Fixed CodeMirror problem in ConfigServer Security & Firewall module #199
  • Fixed issues with Server Index module #182, #201
  • Fixed an issue in MySQL/PostgreSQL Database Server modules, when trying to view/edit table rows #200
  • Fixed an issue to make theme properly run when using no_frame_options=1 option #204
  • Fixed dozens of other bugs
Thu, 07/23/2015 - 13:54
dl

First observations ..

I see that multiple js scripts have been consolidated into authentic.min.js.

I'm trying Authentic theme in two browsers ..

Chromium Web Browser Firefox 39.0

===========================================

In theme settings I have enabled (as default)

Enable page progress loader on top of the screen

But all I see (in both browsers) is a loading red bar (just a few pixels high) at top of page. And also red padding to the left of selected Webmin sub-menu selected page.

Is this the progress loader?

===========================================

When I'm editing files in Filemin with this new version of Authentic I have no syntax colour highlighting.

Where does codemirror kick in with Filemin file editing?

I had been contemplating piping file editor output to an external code editor (as an extension to Filemin) but CodeMirror seems it might meet this requirement. But I see no syntax colouring as yet in Edit File in Filemin.

I just don't understand how CodeMirror works with Authentic/Filemin. Please clarify.

DL

Thu, 07/23/2015 - 14:27 (Reply to #211)
Ilia
Ilia's picture

Not sure what you ask in the first question? This is the additional loader. Some people prefer to have overall loader on top. Some prefer regular on the right content page. Some will keep both.

CodeMirror is disabled now in Filemin by Authentic Theme as to give more freedom to Filemin devs to manipulate on it. We discussed it and they are agreed. Expect new version of Filemin, where they manage file-highlights better.

Thu, 07/23/2015 - 16:35
dl

re: my first question .. I just didn't expect to see a progress loader a few pixels high .. I thought it might be more prominent. But that feature is not too important for me.

I've tested further and I do see syntax colouring outside Filemin (e.g. in PHP Configuration).

I just don't see it in Filemin file editing nor line numbers .. but you have clarified why this is the case. I guess I'm caught between two modules under development.

I'll now turn to Filemin to see what I can tweak in their UI.

Thanks for your latest version 14.0.

DL

Mon, 07/27/2015 - 05:00
fakemoth
fakemoth's picture

Hello Ilia,

Just wanted to say that the System Statistics is not working anymore for me since I upgraded to vs. 14.0, the graphs are all blank; is this a confirmed bug? Reverting back to Framed theme as this is too important to ignore...

Don't take the name of root in vain...

Thu, 07/30/2015 - 00:26
fakemoth
fakemoth's picture

Any word on this bug, is it confirmed?

Don't take the name of root in vain...

Thu, 07/30/2015 - 02:43 (Reply to #215)
Ilia
Ilia's picture

Yes, it's confirmed and will be fix in couple of days, along with other bugs. Sorry for the delay.

Thu, 07/30/2015 - 12:41
Ilia
Ilia's picture

Version 14.01 is released.

Changelog:

  • Added CodeMirror automatic mode (highlight syntax) detection for all file-editors
  • Added support for Filemin file-editor and improved general support for this module
  • Fixed multiple bugs #205, #206, #207, #209
  • Please upgrade.

    Fri, 07/31/2015 - 02:23
    chiareu

    virtual-server::list_system_info failed : Undefined subroutine &net::active_interfaces called at /usr/share/webmin/virtual-server/virtual-server-lib-funcs.pl line 3617.

    Fri, 07/31/2015 - 03:15 (Reply to #218)
    Ilia
    Ilia's picture

    Does it happen only on System Information Page?

    Fri, 07/31/2015 - 04:07
    Ilia
    Ilia's picture

    Please upgrade to version 14.02!

    I would like to address this question to Jamie and Joe as they are obviously more experienced in Perl than I am and most likely anybody else around, and definitely saw more strange/buggy things.

    The following didn't fail on my 3 different machines (Perl v5.20.2) but did on the other (with older versions of Perl v5.10.1 and v5.14.2). I would also expect this to fail in any other programming language.

    I misplaced the last parenthesis:

    index( $ENV{'REQUEST_URI'}, '/virtual-server/history.cgi' != -1 )

    I should have (and it's fixed in version 14.02):

    index( $ENV{'REQUEST_URI'}, '/virtual-server/history.cgi' ) != -1

    Can anyone please explain why the first one passed compilation on my Perl? How is this possible?

    Fri, 07/31/2015 - 10:41
    Welshman
    Welshman's picture

    I get this also on 1 server, yet another server, same distro is fine? Deb7

    Chaos Reigns Within, Reflect, Repent and Reboot, Order Shall Return.

    Fri, 07/31/2015 - 11:02 (Reply to #221)
    Ilia
    Ilia's picture

    That was on version 14.01 and affected some Perl versions, when Virtualmin is installed.

    Upgrade to version 14.02 and restart Webmin.

    Mon, 08/03/2015 - 16:57
    cruiskeen

    Hi - I've been trying to put our company login to the theme in the logos setting part of the theme settings - I pick a .png logo and always receive the error message

    Failed to open /etc/usermin/authentic-theme/logo.png for writing : Not a directory

    Indeed /etc/usermin/authentic-theme is not a directory, but a file. So I can never get the logo upload to work. This seems to be consistent across multiple versions of the theme, including 14.02.

    Sun, 08/23/2015 - 15:26
    Ilia
    Ilia's picture

    Authentic Theme 15 - New, birthday (1 year) release of the theme.

    Changelog for version 15:

    1. Improved and optimized theme's speed and display options
    2. Ability to add any page to Favorites
    3. Complete AJAX support for Filemin, which takes it to the next, absolutely new level
    4. Added emphasis on the table sub-titles (in all config.cgi? pages)
    5. Added CZ language
    6. Fixed sorting issue by file-size in Filemin and other modules, where file-size like sorting is used
    7. Fixed link for System Statistics in Cloudmin
    8. Fixed and made dozens of bugs/improvements

    Download https://github.com/qooob/authentic-theme/raw/master/.build/authentic-the... or upgrade using theme upgrade function!

    Enjoy, Ilia

    P.S. After one year of life, Authentic Theme 800+ hours of work and 10.000 + lines of code ;)

    Sun, 08/23/2015 - 22:59 (Reply to #224)
    andreychek

    Nice work Ilia, thanks for all the effort!

    We're planning a release of Virtualmin very soon that uses Authentic as the default theme.

    We were testing version 14, but your version 15 theme changes, along with the Filemin updates, are very interesting... maybe we'll release those instead. I'll go do some testing and see :-)

    -Eric

    Sun, 08/23/2015 - 23:03 (Reply to #225)
    Ilia
    Ilia's picture

    Eric, thanks! Please do.

    Mon, 08/31/2015 - 14:00
    colech

    The authentic theme should definitely be enabled by default. I was just about ready to write off the whole Virtulmin thing when I found this theme and it became usable again. Please do version 15 as well, there's a lot of good features we'd miss. I hope that you'll update the demo site too?

    Also, it would be MORE than high time to update the look and feel of your websites. I'm sure you're still getting new users, but that could be greatly enhanced if you put some time into making it look post 2000. I'm preaching to the choir as I haven't had time to update my own either, but I'm asking for the sake of the longevity of your product since I'm currently using it and have done so for quite a while.

    Mon, 08/31/2015 - 14:04 (Reply to #227)
    Ilia
    Ilia's picture

    Thank you! :)

    Mon, 08/31/2015 - 15:06 (Reply to #228)
    andreychek

    Yup, it's going to happen soon! Authentic will be the default theme, and Joe is working out some final details for moving the site to Drupal 7 with an updated/modern look.

    -Eric

    Mon, 08/31/2015 - 16:24 (Reply to #229)
    colech

    Wow... thank you for the update! I'm very excited to hear that. Usually when someone goes this long without updating a site it's a sign of the future so this is welcome news indeed!

    Wed, 09/09/2015 - 17:53
    Diabolico
    Diabolico's picture

    There is bug with Authentic theme: Virtualmin -> Logs and Reports -> AWstats Report: blank right page (menu on left works fine)

    I try to switch old Wmin/Vmin theme and it works without any problem but when i changed to Authentic the problem was back. For some reason Authentic doesnt show AWstats Report page. If this helps - in the past was working but between last few updates something changed and now i saw this bug. Sadly i dont know after what update this happened.

    - I often come to the conclusion that my brain has too many tabs open. -
    Failing at desktop publishing & graphic design since 1994.

    Thu, 09/10/2015 - 03:26 (Reply to #231)
    Ilia
    Ilia's picture

    It only happens in Firefox for some reason. Chrome is fine. I will try to fix it as soon as possible in next small release.

    Fri, 09/11/2015 - 16:35 (Reply to #232)
    Ilia
    Ilia's picture

    It will be fixed and working in version 15.60 within next 24 hours.

    Wed, 09/16/2015 - 01:34
    fakemoth
    fakemoth's picture

    New bug in Chromium 44.0.2403.89 (64-bit) on openSUSE 13.1 Linux linux-hpbh 3.11.10-29-desktop #1 SMP PREEMPT Thu Mar 5 16:24:00 UTC 2015 (338c513) x86_64 x86_64 x86_64 GNU/Linux:

    When doing (almost anything really, in the right pane, usually saving/applying), you can't switch between, Webmin/Virtualmin/Cloudmin in the left menu. The tab just slides back to the previous one and nothing happens in the page; also happening in Usermin interface, confirmed by a few others also on Chrome (Windows).

    Don't take the name of root in vain...

    Wed, 09/16/2015 - 02:01 (Reply to #234)
    Ilia
    Ilia's picture

    Do you expect to interrupt the process and switch? It sholud be happenning actually, unless you have 'reload right side page' in settings off?

    Describe your expected behavior? I'm just reworking this part of the code, could change things for better logic.

    Wed, 09/16/2015 - 04:00
    fakemoth
    fakemoth's picture

    Nope - nothing like that, don't want to interrupt anything; it just doesn't work after you take a few actions, keeps coming back to the same tab; just set "Load default content page" to yes to see what is happening in this case, I will report back.

    One more thingy "Default tab after logging in to Usermin" is set in my case to "Mail" but... it still loads the Usermin tab, and opens the Mail > Read mail menu. It should automatically load the Mail tab, with the directory structure, as normal: Inbox, Sent mail, Drafts, Bla, Bla... This would be the normal behavior for a webmail interface.

    Don't take the name of root in vain...

    Wed, 09/16/2015 - 06:01 (Reply to #236)
    Ilia
    Ilia's picture

    About the mail: do you have Authentic Theme login screen or not? In case it's not Authentic Theme - it will not work. In case you have Authentic Theme login screen (like in video screencast on Youtube), then it's a bug.. but I will check..

    Wed, 09/16/2015 - 06:09 (Reply to #237)
    fakemoth
    fakemoth's picture

    Of course I have it, it's my default theme everywhere (in Usermin I use the symlinks, no wish to update it separately), the login screen it's the Authentic one sort to speak :) but I don't know what clip you are talking about.

    Don't take the name of root in vain...

    Wed, 09/16/2015 - 06:11 (Reply to #238)
    Ilia
    Ilia's picture

    I meant this. http://www.youtube.com/watch?v=f_oy3qX2GXo&feature=youtu.be

    Ok can you please try to remove Symlink first and install theme for Usermin using Webmin? To try? I'm afraid this is the case?

    Wed, 09/16/2015 - 06:46
    fakemoth
    fakemoth's picture

    It is a production server - I will try it these days; but sometime during the night.

    Don't take the name of root in vain...

    Wed, 09/16/2015 - 06:49 (Reply to #240)
    Ilia
    Ilia's picture

    No problem. Wait till I release version 16, then try it if the problem persist.. I experienced very strange (not dangerous though) behavior when using symlinks with Usermin.

    Wed, 09/16/2015 - 06:52
    fakemoth
    fakemoth's picture

    Deal!

    Don't take the name of root in vain...

    Fri, 09/18/2015 - 01:54 (Reply to #242)
    Ilia
    Ilia's picture

    I checked in releasing version 16, and both with symlink, and without - work fine and on load takes me to defined tab in settings.

    I think I know why it could be happening. Check for /etc/usermin/authentic theme. Do you have proper permissions on this directory? Compare settings.js file in /etc/webmin/authentic and /etc/usermin/authentic. The file should be the same. Try deleting Usermin settings.js, go to theme settings and hit save button again. Is the file re-written over again with proper content?

    Fri, 09/18/2015 - 08:44
    Ilia
    Ilia's picture

    Newly release version 16. Fully reworked and added amazing features, such as Filemin keyboard control. Enjoy! ;)

    https://github.com/qooob/authentic-theme/blob/master/CHANGELOG.md

    Changelog in concern to Filemin

    • Improved theme's performance by overall code optimization (biggest in theme's history)
    • Improved support for Firefox. Firefox version 42+ will render animations very smoothly and provide, in general, same experience as Chrome now
    • Improved support for ConfigServer Security & Firewall module
    • Added smart focus on visible search fields - no need to focus manually - just start typing and the theme will automatically decide what to do
    • Added support for Edge browser, which now can render theme properly
    • Added ability to dismiss the left spinner with Ctrl + Esc key combination and/or its close button, that appears after 3 seconds of spinner activity
    • Fixed in Filemin module, to submit all table rows, disregard of visibility (pagination)
    • Fixed in Filemin module looped XHR requests, which made it twice slower
    • Added for Filemin module extended user-friendly notifications
    • Added for Filemin module state of the art keyboard navigation
      • `alphanumeric typing` - quick search
      • `up/down, home/end` - cursor position
      • `enter` - descent into selected
      • * in case there is only one row filtered, enter on search field will perform trigger
      • `spacebar` - select current row
      • `backspace` - previous folder
      • `*` - inverse select
      • `+` - select all
      • `-` - deselect all
      • `F2` - change permissions
      • `F3` - change ownership
      • `F4` - edit where possible
      • `F5/Shift+F5` - compress/decompress
      • `F6` - rename
      • `Shift+F4/F7` - new file/folder
      • `Shift+F7` - search
      • `F8/Del` - delete
      • `Ctrl+X/C/V` - Cut/Copy/Paste
      • `Theme reload hot key` - reload current directory
    • Deuglifed a link for switching between basic/advanced modes in SpamAssassin->Header and Body Tests module
    • Fixed GitHub bugs #234 #235 #236 #238 #239 #242 #243 #244 #245
    • Fixed other bugs and made dozes of improvements
    Fri, 09/18/2015 - 10:02 (Reply to #244)
    PlayGod

    Page response seems exponentially faster than even the previous version, and also faster than the default VM framed theme. Great work!

    Another donation coming soon!

    You have done an incredible service to this community. I think this theme is ready for production environments, pending a security review.

    Fri, 09/18/2015 - 10:14
    Ilia
    Ilia's picture

    Thank you, good to hear!! :) you are welcome to do any security checks. In case you find anything, please let me know and I will fix it in no time! ;) however I hadn't noticed any security problems since the dawn of the theme.

    Sat, 09/19/2015 - 03:23
    fakemoth
    fakemoth's picture

    Hey Ilia, the only thing that makes Usermin use the proper tab (and in fact all of its settings) is renaming the /etc/usermin/authentic-theme file... This is weird as this file is... my logo? And when I try to rename it back, it says that the name already exists :? Does this make any sense?

    Now everything works, also with the logo selected in theme settings.

    Don't take the name of root in vain...

    Sat, 09/19/2015 - 03:34 (Reply to #247)
    Ilia
    Ilia's picture

    I'm glad it's alright now. :)

    In case you still experiencing the problem, please post the output of ls -lsaZ of /etc/usermin/authentic-theme

    Sat, 09/19/2015 - 18:04
    Ilia
    Ilia's picture

    Dear guys, I just added to Filemin, one but very important feature - editing files without page reload! Also you can use Ctrl+Enter or Ctrl+Shift+Enter to save/save and close currently edited file.

    I didn't make it as separate Authentic version, just added to existing (version 16.00). In case you want to have this feature, when editing files in Filemin, please reinstall the theme by downloading it directly from GitHub and installing over again.

    https://github.com/qooob/authentic-theme/raw/master/.build/authentic-the...

    Regards, Ilia

    Sun, 09/20/2015 - 10:45
    fakemoth
    fakemoth's picture

    Is there any way to disable the Security mail notifications? If I delete the fields, they are filled again with the default texts.

    It is a great feature for Webmin, but it drives me nuts on Usermin, notifying about every single user...

    Don't take the name of root in vain...

    Sun, 09/20/2015 - 11:17 (Reply to #250)
    Ilia
    Ilia's picture

    Sorry about that! :D I added to my to do to fix this upon next release.

    At the moment, to have separate usage of notifications, you will need to edit /etc/usermin/authentic-theme/settings.js and remove text for the keys:

    Make it look like this:

    settings_security_notify_on_login_request = ''; settings_security_notify_on_pre_login_request=''; settings_security_notify_on_login_success='';

    However, removing text in settings and clicking save button - will also work but at the same time will disable Webmin notifications.

    I will make it more rational on next release.

    Pages

    Topic locked