~dylanmccall/harvest/gsoc-client-stuff

« back to all changes in this revision

Viewing changes to doc/DOM for filters.txt

  • Committer: Dylan McCall
  • Date: 2010-07-04 00:31:49 UTC
  • Revision ID: dylanmccall@gmail.com-20100704003149-ept37lczfgl6ilmr
Implemented EditField editing in Javascript!

Less arbitrary (though less exciting) defaults in opportunities/filters.py.

Show diffs side-by-side

added added

removed removed

Lines of Context:
46
46
 
47
47
.filter
48
48
        .filter-label - The filter's label. This is its name, usually spanning a single line.
49
 
                a.item-toggle - May not be present, but in most cases it is. See .filter.filtergroup ul.filter-value below for more information. Usually .item-toggle for a filter spans its entire .filter-label element.
50
 
        .filter-value - (Optional) A list, a text field or some other element corresponding to the value assigned to this filter, depending on its class.
 
49
                a.item-toggle - May not be present, but in most cases it is. See .filter.filtergroup .filter-value ul below for more information. Usually .item-toggle for a filter spans its entire .filter-label element.
 
50
        .filter-value - (Optional) Contains a list, a text field or some other element corresponding to the value assigned to this filter, depending on its class.
51
51
 
52
52
 
53
53
Now I will describe the different .filter-value elements that are expected.
54
54
 
55
55
.filtergroup , .choicefilter
56
 
        ul.filter-value - List items are all possible choices for the filter.
 
56
        .filter-value ul - List items are all possible choices for the filter.
57
57
                li - Needs the data-choice-id attribute, which specifies the exact ID of this choice relative to the current Filter. Add the data-selected attribute if this element is selected.
58
58
                        .checkbox - Must always be present. Contents indicate whether the element is selected. If it is currently selected, it must be populated with a check mark character (✓, U+2713, or ✓).
59
59
 
64
64
        ul > li .filter > .filter-label > .item-toggle - Just like a.item-toggle with .choicefilter; just unfortunately placed for technical reasons.
65
65
 
66
66
.editfilter
67
 
        input.filter-value - An HTML input field. Should not be attached to a form. For now, we are relying on Javascript to hande its value.
 
67
        .filter-value input - An HTML input field. Should not be attached to a form. For now, we are relying on Javascript to hande its value.
68
68
        (##TODO##: require type="hidden" if Javascript dependency remains).
69
69
 
70
70