<?php require_once('_backend/templates/header.php') ?>
    <div id="start_icons" class="right">     

        
        <div id="alert_no" class="alert alert-info"<?php if($shortcuts) echo ' style="display: none;"'; ?>>
            <strong>Skróty są przydatne!</strong> Czy wiesz, że tutaj możesz utworzyć skrót do dowolnej funkcji w systemie, aby mieć do niej łatwy dostęp?
        </div>


        <?php if($shortcuts) { foreach($shortcuts as $key=>$item) {
            if($item['size']=='s') {
                echo '<a href="'.$item['link'].'" pid="'.$key.'" class="ql_icon_s ql_icon" style="background: '.$item['color'].'; left: '.($item['x']*100).'px; top: '.($item['y']*100).'px;"><i class="glyphicon '.$item['icon'].'"></i><div class="title"><div style="vertical-align: middle">'.$item['title@'.$cfg['admin']['language']].'</div></div></a>';
            } else {
                echo '<a href="'.$item['link'].'" pid="'.$key.'" class="ql_icon_m ql_icon" style="background: '.$item['color'].'; left: '.($item['x']*100).'px; top: '.($item['y']*100).'px;"><i class="glyphicon '.$item['icon'].'"></i><table style="width: 100px"><tr><td class="title">'.$item['title@'.$cfg['admin']['language']].'</td></tr></table></a>';
            }        
        } } else { ?>
      
        <? } ?>
        
        
    </div>
    
    <div class="panel-footer">        
        <a href="/<?php echo $_url[0]; ?>/start/create_shortcut" class="btn btn-primary ajaxModal" style="float: right;" id="add_shortcut">Utwórz skrót</a>
        <a class="btn btn-default" style="float: right;" id="edit_shortcut">Edytuj skrót</a>
        <a class="btn btn-default" style="float: right; display: none;" id="edit_shortcut_cancel">Anuluj</a>        
        <a class="btn btn-danger" style="float: right;" id="remove_shortcut">Usuń skrót</a>
        <a class="btn btn-danger" style="float: right; display: none;" id="remove_shortcut_cancel">Anuluj</a>
        <a id="edit_link" class="ajaxModal" style="display: none;">edit link</a>                   
        <div class="clear"></div>
    </div>    
    

<script type="text/javascript">
    $(document).ready(function() {
        //$('.ql_icon').draggable({grid: [ 100,100 ]});

        $('#add_shortcut').click(function() {
            $('#remove_shortcut_cancel').css('display', 'none');
            $('#remove_shortcut').css('display', 'block'); 
            $('.ql_icon').removeClass('sel_sh');                               
        });

        $('#remove_shortcut').click(function() {
            $('#edit_shortcut_cancel').trigger('click');
            $(this).css('display', 'none');
            $('#remove_shortcut_cancel').css('display', 'block');
            $('.ql_icon').addClass('sel_sh');
        });
        
        $('#remove_shortcut_cancel').click(function() {
            $(this).css('display', 'none');
            $('#remove_shortcut').css('display', 'block');
            $('.ql_icon').removeClass('sel_sh');
        });  
        
        $('#edit_shortcut').click(function() {
            $('#remove_shortcut_cancel').trigger('click');        
            $(this).css('display', 'none');
            $('#edit_shortcut_cancel').css('display', 'block');
            $('.ql_icon').addClass('sel_sh');
        });
        
        $('#edit_shortcut_cancel').click(function() {
            $(this).css('display', 'none');
            $('#edit_shortcut').css('display', 'block');
            $('.ql_icon').removeClass('sel_sh');
        });            
        
        $('body').on('click','.ql_icon.sel_sh',function() {
            //alert('xx');
            //alert($('#remove_shortcut_cancel').css('display'));
            if($('#remove_shortcut_cancel').css('display')=='block') {
                $('#fullOverlay').css('display', 'block'); 
                var ob=$(this);           
                $.get(url_panel+"/start/remove?id="+$(this).attr('pid'), function(data) {
                    ob.remove();
                    $('#fullOverlay').css('display', 'none');  
                    $('#remove_shortcut_cancel').trigger('click');
                    if($('.ql_icon').length==0) {
                        $('#alert_no').css('display', 'block');
                        
                    }      
                });                              
                return false;            
            } else {
                $('#edit_shortcut_cancel').trigger('click');            
                $('#edit_link').attr('href', url_panel+'/start/edit_shortcut?id='+$(this).attr('pid'));
                $('#edit_link').trigger('click');
                return false;
                //$('#fullOverlay').css('display', 'block');                 
            }      
        });     
        
          

      $( "#start_icons .ql_icon" ).draggable({grid:[100,100],
        stop:function(event, ui) {
            ob = $(event.target);
            $('#fullOverlay').css('display', 'block');
            $.get(url_panel+"/start/move?id="+ob.attr('pid')+"&x="+(ob.position().left/100)+"&y="+(ob.position().top/100), function(data) {                
                $('#fullOverlay').css('display', 'none');         
            });            
            //$(event.target).remove();
        }      
      });             
    });

</script>
                                   
<?php require_once('_backend/templates/footer.php') ?>     