New Site Design Improvements 2018

›Forum›browse›Support›New Site Design Improvements 2018

Follow 3

Add topic

PracticePractic | 29-03-2018 04:12

With so many new tweaks and improvements I thought there should be a spot for all of them.

I made one for the New Playlist [Playlist is "new!"] and kept adding items to it.

But felt after three non-Playlist improvements, the others would be lost, so borrowed two last ones from that list and placed them here with the latest additions and improvements by Ray.

Then this thread serves as a checking spot for those who want to add their own discoveries as I can't be everywhere on the site myself and I might miss some things.

Above all...

We have Ray to thank for continuing to upgrade and improve the site.

I know what hard work planning, designing and coding for a successful (i.e. non-crashing) site each improvement entails hours of testing to make certain before its rolled out that it does not interfere with other parts of the site and works seamlessly to improve member and visitor experience.

Hope no one minds some public display of gratitude for Ray here too!

5 comments

PracticePractic | 29-03-2018 04:14

Just adding that Ray also vastly improved the "share" button as well! QR Code, and all the different buttons for social media, Email and a very convenient link button that says what it does "copy link".

And the most important button for someone who is not all over social media sites: the easy to use new grey print button, so we have a lyrics sheet to learn the song from! This is "Lets" Sing It , correct?

Well done!

PracticePractic | 29-03-2018 04:15

Used the PM for first time since your new rollout of design changes.

Excellent! It now states very clearly in the draft mode, Preview, a field for "TO", "SUBJECT" and "CONTENT" before displaying those items.

Perfect job!

[Suggestion: for the Preview mode of the Posts to look more like the new PM now does! Thanks!]

PracticePractic | 29-03-2018 04:20

The two icons at top right of mostly every screen for "Contribute" and "Profile, etc" of members have been improved!

Continuing the new blue rectangle button theme.. There are new choices when you open the "Help contribute!" icon with some explanation of the crowdsourced method of lyrics gathering and correction used here.

Also improved is the Profile button announcing you're logged in and giving the choices much clearer as buttons rather then having us figure out we should "click" on the row of stars. I always like it better when its either a definite button to click on, or else its explained somewhere what we should do to activate the hidden menu. (Else I'm just clicking all over the page to find what "Easter Eggs" as they are called in movies, etc., functions there are to be accidentally discovered).

Then again I still don't get it swipe left or right or up or down and I wonder after swiping my auto pay, why I got Coffee flavored pizza when ordering online (is that ever a thing?)

PracticePractic | 08-06-2018 20:19

Good thing I have this here to use!

Contribute icon, the Review button has been improved!
Instead of listing how many are there to review (even if we did them) or listing "1" if we did all of them. Now it properly shows the magic number we wanted to see when all the work is done.. "0"

Review Done!

There are no more items in this review queue.

Thanks for the improvements Ray!

--------ooooppppss!

As I posted this.... I saw it still said "0" SO I wanted to check if I copied it right and there was exclamantion point after "Done" as cutting and pasting was done on the fly and I was not happy with result...

And guess what happened? It still says "0" on the first page when you click on "contribute" icon...
But
Then on the "Review " blue button (which still says "0") I should have taken a screen shot of this sound like a lot to explain.... it says there is "1" new artist to review while the total is still "0" in Review blue button...so maybe its just a bug that I thought was an improvement?

I'll leave it here in "improvements" and maybe the bug will just vanish on its own, else I'll make a report for it as a new thread if it really bothers anyone other than myself... [please let me know members!]

Ray | 08-06-2018 21:50

This goes slightly off topic, I prefer a new topic in Support for this one. Merci

guest

POP OUT SAVE

$form.$set(f,{a:'ajax_comment_manage',pop:'in',content_type:'forumtopic',parent_id:'607746',follow:0},{noaskonclose:1});

//--------------------------------------------------------------------------------------------------
//  On save
//--------------------------------------------------------------------------------------------------

$events.$addFunction('click',1545420973,true,function(){
      //--------------------------------------------------------------------------------------------
      //  Find form element
      //--------------------------------------------------------------------------------------------
          var f=arguments[0].$t.closest('form');
      //--------------------------------------------------------------------------------------------
      //  Callback
      //--------------------------------------------------------------------------------------------
          var $callback = function(f,$c,$json) {
            if ($json.hasOwnProperty('mode') && $json.mode == 'popin') { // Error occured - popin version
              f.parent().html($json.body);
            }
            else {
              var $formrow = $('#id_1545492900').closest('div[data-form]'); // Find the wrapper of the form (div that holds the form)
              //------------------------------------------------------------------------------------
              //  Remove lightbox for popout or reset popin form
              //------------------------------------------------------------------------------------
                 if ($json.pop == 'out') {
                   lightbox_remove();
                 }
                 else {
                   $formrow.find('[data-b]').find('span').show().last().hide();
                   f.find('textarea[name=comment]').prop('disabled',false).val('');
                   f.find('input[name=vote]').val('');
                   f.find('.errors').remove(); // remove error box if present
                 }
              //------------------------------------------------------------------------------------
              //  Insert on bottom
              //------------------------------------------------------------------------------------
                  if ($json.content_type == 'forumtopic')
                    $('html, body') // html and body both needed for cross browser compatibility
                      .animate({ scrollTop:$formrow.last().offset().top - 200 }, 500)
                      .promise() // the promise-done deals with preventing a double call for browser that support both html and body
                      .done(function(){ 
                        $formrow.last().before($json.comment).prev().rowslide({effect:'open'});
                      });
              //------------------------------------------------------------------------------------
              //  Insert on top
              //------------------------------------------------------------------------------------
                  else $formrow.first().after($json.comment).next().rowslide({effect:'open'});
              }

return;
          };
      //--------------------------------------------------------------------------------------------
      //  Parse request
      //--------------------------------------------------------------------------------------------
          $http.$req({m:'POST',d:1,q:f.serialize(),b:$.proxy($callback,null,f)});
      //--------------------------------------------------------------------------------------------
      //  "After-click" styling
      //--------------------------------------------------------------------------------------------
          if (f.find('input[name=pop]').val() == 'in') {
            arguments[0].$t.parent().children().hide().last().show();
            f.find('textarea[name=comment]').prop('disabled',true); // do after $http.$req because serialize ignores disabled fields
          }
          else {
            lightbox_remove({keepdim:1});
            lightbox_prepare({});
          }

});
//--------------------------------------------------------------------------------------------------
//  Detach function (pop-out button and poll vote button) - prepare for "detach" submit
//--------------------------------------------------------------------------------------------------
    $events.$addFunction('click',1519156756,true,function(){
      var f = arguments[0].$t.closest('form');
      f.find('input[name=reload]').val(1);
      f.find('input[name=pop]').val('out');
      //if (arguments[0].$t.is('[data-vote]')) f.find('input[name=vote]').val(arguments[0].$t.attr('data-vote'));
      f.find('.errors').remove();
    });
    $events.$addFunction('click',1545858987,true,function(){ // Poll-vote button
      var f = $('#id_1545492900');
      f.find('input[name=vote]').val(arguments[0].$t.attr('data-vote'));
      $('#id_1545858923').trigger('click');
    });
//--------------------------------------------------------------------------------------------------
//  Reset popin form
//--------------------------------------------------------------------------------------------------
    $events.$addFunction('click',1545413833,true,function(){
      var f = arguments[0].$t.closest('form');
      f.find('input[name=reload]').val(0);
      f.find('input[name=pop]').val('in');
      f.find('input[name=vote]').val('');
      f.find('textarea[name=comment]').val('');
    });