View Issue Details

IDProjectCategoryView StatusLast Update
0001388AJAX/JSFeature Request - Interfacepublic2016-03-06 13:24
Reporternwa Assigned To 
PrioritynormalSeverityminorReproducibilityN/A
Status newResolutionopen 
Summary0001388: js tab customisations
DescriptionBasically what I'm asking for is the same kind of customisation that has been enabled for file rows also for the anime entry page. I think this is needed if we want to enforce JS tabs (which we do want to enforce I hope...).

So for the whole "Info" area, a user should be able to specify if he wants to see the following tabs on the Info page by default: "Mylist Data", "Titles". This means the "Info" tab should always be there, however, the order the tab parts are shown from top to bottom should also bu customisable, currently on the non-JS page, it's Titles->Info->Mylist (and anime relation mixed in the middle somewhere). It would of course be even better if you could additionally customise the order and visibility of the rows within the tabs (save for titles, that can be done from under profile anyway). For example if I don't want to see the "Tmp. Rating 7.86 (453)" row from the "Info" tab, I could just take it out or if I'd want "Rating" to be on top of "Categories" instead.
As for the bottom tab row, one should only be able to display "Groups", "Tags" and "Relations" at the same time. Displaying characters, seiyuu, staff, recommendations or reviews should just stay as tags.

And the ability to set the default tab to be always shown (leave an anime entry page with the tab on Recommendations and the next anime entry wouldn't show Recommendations first, but the default tab the user has set).
Tagsanimepage, javascript

Relationships

related to 0001386 resolvedfahrenheit HTML & PERL js tab tweaks 
related to 0001374 closedDerIdiot AJAX/JS Animepage tab logic 

Activities

fahrenheit

2009-02-01 01:43

reporter   ~0002538

http://static.anidb.net/tmp/pane_row_ordering_and_hiding.jpg

click for example of ordering and hiding at work, mind you i don't have an interface for selecting the ordered columns yet.

at the moment all i have is this js interface:

customize['info'] = new Object();
customize['info'].rows = new Array();
customize['info'].order = new Object();
customize['info'].order.useCustom = true;
customize['info'].order.custom = ['producers','type','year','categories','resources','similar','rating','stats','romaji'];

As you can see, i've opted by only storing the rows one wishes to see, this will save costs in cookie workings.

My idea for an interface for this is:
<fahrenheit> you click on the customize tab
<fahrenheit> there i'll give you something to click that throws you back to the anime page
<fahrenheit> were you will see the info pane (and other panes)
<fahrenheit> and can choose to hide a row
<fahrenheit> or move it
<fahrenheit> or whatever by drag and drop
<fahrenheit> (or most probably by clicking some buttons)

I'll provide some sort of pane aliasing/removing/ordering at a later stage, by aliasing I mean remove the tab for that tab and allways show its contents.
At an extreme case you will have only the Info tab and all the other tabs contents will be shown as contents of the Info tab, which replicates the no-tab behaviour.

DvdKhl

2009-04-10 19:03

reporter   ~0002681

Last edited: 2009-04-14 17:10

I'll try to implement it.
http://anidb.net/perl-bin/animedb.pl?show=cmt&id=16891

My first effort to make a userinterface:
http://arokh.dnsalias.org/AniDB/Dev/TabCust/animedb2.htm

DvdKhl

2009-05-18 23:48

reporter   ~0002816

Last edited: 2009-05-22 15:19

Yes, I sometimes do some coding for it :P.

Anyway since nwa brought it up (http://tracker.anidb.info/view.php?id=1563),
I brought myself to write the base to hide/show sections or tabify them.
No userinterface as of yet, but more is to come.

Here is an example, putting the code at work (surely not the nicest example):
http://arokh.dnsalias.org/AniDB/Dev/WorkingDev/animedb.html

Ah, would it be possible to add the tabnames to the classname even for the fake tabs?
i.e.:
<div id="tabbed_pane_main" class="tabbed_pane tabbed_pane_main">
  <ul class="tabs">
    <li id="tab_main_7" class="tab fake songs">
  
  <div class="body">
    <div id="tab_main_7_pane" class="pane hide fake songs">
      <div class="g_section songs" />
    </div>
  </div>
</div>

Issue History

Date Modified Username Field Change
2009-01-23 14:07 nwa New Issue
2009-01-23 14:08 nwa Relationship added related to 0001386
2009-01-23 14:08 nwa Status new => assigned
2009-01-23 14:08 nwa Assigned To => fahrenheit
2009-01-30 22:04 nwa Description Updated
2009-01-31 15:17 fahrenheit Relationship added related to 0001374
2009-01-31 15:26 fahrenheit Tag Attached: javascript
2009-01-31 15:27 fahrenheit Tag Attached: animepage
2009-01-31 22:49 nwa Description Updated
2009-02-01 01:43 fahrenheit Note Added: 0002538
2009-04-10 19:03 DvdKhl Note Added: 0002681
2009-04-11 10:27 DvdKhl Note Edited: 0002681
2009-04-14 17:10 DvdKhl Note Edited: 0002681
2009-04-27 13:12 fahrenheit Assigned To fahrenheit => DvdKhl
2009-05-18 23:48 DvdKhl Note Added: 0002816
2009-05-22 15:19 DvdKhl Note Edited: 0002816
2009-07-24 14:24 DerIdiot Project HTML & PERL => AJAX/JS
2016-03-06 13:24 DerIdiot Assigned To DvdKhl =>
2016-03-06 13:24 DerIdiot Status assigned => new