Changeset 204 for trunk/web-app


Ignore:
Timestamp:
Feb 18, 2010, 10:41:10 AM (11 years ago)
Author:
duh
Message:
  • temporary commit
Location:
trunk/web-app
Files:
5 added
3 edited

Legend:

Unmodified
Added
Removed
  • trunk/web-app/css/wizard.css

    r192 r204  
    234234    height: 14px;
    235235}
     236.wizard .grouping .middle {
     237    display: inline-block;
     238    float: left;
     239}
     240.wizard .grouping .add {
     241    background: url(../images/wizard/add.png) no-repeat left top;
     242    width: 149px;
     243    height: 29px;
     244    margin-top: 10px;
     245    margin-left: 14px;
     246}
     247.wizard .grouping .add-hover {
     248    background: url(../images/wizard/add-hover.png) no-repeat left top;
     249}
     250.wizard .grouping .remove {
     251    background: url(../images/wizard/remove.png) no-repeat left top;
     252    width: 149px;
     253    height: 29px;
     254    margin-top: 10px;
     255}
     256.wizard .grouping .remove-hover {
     257    background: url(../images/wizard/remove-hover.png) no-repeat left top;   
     258}
    236259.wizard .grouping .right {
    237260    display: inline-block;
     
    245268    border: 1px solid black;
    246269    height: auto;
     270}
     271.wizard .grouping .ui-selected {
     272    border: 4px solid red;
    247273}
    248274.wizard .grouping .group .label {
  • trunk/web-app/js/grouping.js

    r192 r204  
    1919    groupsIdentifier:   null,
    2020    groupIdentifier:    null,
    21 
    22     init: function(itemsIdentifier, itemIdentifier, groupsIdentifier, groupIdentifier) {
     21    addIdentifier:      null,
     22    removeIdentifier:   null,
     23
     24    init: function(itemsIdentifier, itemIdentifier, groupsIdentifier, groupIdentifier, addIdentifier, removeIdentifier) {
    2325        var that = this;
    2426
     
    2729        this.groupsIdentifier   = groupsIdentifier;
    2830        this.groupIdentifier    = groupIdentifier;
    29 
     31        this.addIdentifier      = addIdentifier;
     32        this.removeIdentifier   = removeIdentifier;
     33
     34        this.initAdd();
     35        this.initRemove();
    3036        this.initItems();
    3137        this.initGroupItems();
     
    3642    },
    3743
     44    initAdd: function() {
     45        var that = this;
     46        var add = $(this.addIdentifier);
     47
     48        add.bind('mouseenter mouseleave',function() {
     49            $(this).toggleClass('add-hover');
     50        })
     51
     52        add.bind('click',function() {
     53            that.addSelectedItemsToSelectedGroup();
     54        });
     55    },
     56
     57    addSelectedItemsToSelectedGroup: function() {
     58        var that = this;
     59        var groups = $(this.groupIdentifier, $(this.groupsIdentifier))
     60        var group = $('.ui-selected', groups)
     61        console.log(groups)
     62        console.log(group)
     63    },
     64
     65    initRemove: function() {
     66        var that = this;
     67        var remove = $(this.removeIdentifier);
     68
     69        remove.bind('mouseenter mouseleave',function() {
     70            $(this).toggleClass('remove-hover');
     71        })
     72
     73        remove.bind('click',function() {
     74            console.log('removveeeee!!!!');
     75        })
     76    },
     77
    3878    initItems: function() {
    3979        var that = this;
    40        
     80        console.log($(this.itemsIdentifier).first());
    4181        //$(this.itemsIdentifier).
    4282        $(this.itemsIdentifier).first().selectable({
     
    5090
    5191    initGroups: function() {
     92        var that = this;
     93
     94        // init group items
    5295        this.initGroupItems();
     96       
     97        // init groups
     98        $(this.itemsIdentifier).first().selectable({
     99            filter: that.groupIdentifier,
     100            stop: function() {
     101
     102            }
     103        })
    53104    },
    54105
     
    57108
    58109        $(this.groupsIdentifier).selectable({
    59             filter: that.itemIdentifier
     110            filter: that.groupIdentifier
    60111        })
    61112    }
     
    182233}
    183234*/
    184 
    185 // for debugging purposes this is here
    186 // TODO: to be be migrated to wizard.js....
    187 $(document).ready(function() {
    188     new Grouping().init('div.subjects', 'div.subject', 'div.groups', 'div.group');
    189 });
  • trunk/web-app/js/wizard.js

    r192 r204  
    4343   
    4444    // GROUPING PAGE
    45     //new Grouping().init('div.subjects', 'div.subject', 'div.groups', 'div.group');
     45    new Grouping().init('div.subjects', 'div.subject', 'div.groups', 'div.group','div.add','div.remove');
    4646}
    4747
Note: See TracChangeset for help on using the changeset viewer.