Jump to content

ADT

Frog Community Genius
  • Posts

    1,957
  • Joined

  • Last visited

Posts posted by ADT

  1. 7 minutes ago, Graham Quince said:

    Obviously Paul has won this.  Well done @pconkie - we've got  slight issue with publishing his app, so I can't share it yet - but I'll be sharing here as soon as I can.

    Well that was a shock......  i thought i might have been in the running!! ?

  2. 11 hours ago, pconkie said:

    I've done a widget called "Check List" - I'm using it to keep track of learning objectives (no we don't have FrogProgress). but it could be used for lots of other things too.  Faster and easier for the typical member of staff than FrogForms. Contribute permission required for students to submit their data to the teacher.

    Here is a 30 second video showing a new list of learning objectives being created (most of us have these lists already in word / excel, so wanted to literally be able to paste them all into frog in one go).  

    Here is a student filling a list in:

     

    Finally, needed a way of analysing all of the student responses.  Here is a frog app called "Check Lists" which allows you to pick your list and review the submitted responses. No video because of real student names / pictures (blanked out on image below). I've borrowed heavily from the Frog Markbook for this part...

    Capture.thumb.PNG.cb84b471b3357238fb5f31020316a694.PNG

    Another Conkie Special!  Makes you wonder where he finds the time!!!  ?

    • Haha 1
  3. On 02/07/2021 at 14:40, Graham Quince said:

    I'm not aware of Provision Map.

    There's been discussions about CPOMS but currently we don't have anything for that.

    Is there a list some where???  I think some people might find there is SSO's they didn't even know existed!!

    • Like 1
  4. 14 hours ago, gbligh said:

    Just coming back to this widget as I am starting to use it more. Was there a way for it to open a site?

    @Graham Quince @ADT @pconkie

    So as far as i know you can open an external site (or an internal site via the URL).....  or open an internal page within that site!!! 

     

    I've never tried but surely there is a way to code a redirect to an alternative site when you open an internal page?

  5. 17 hours ago, pdurber said:

    Can anyone (Graham) think of a way to have a nice live display of data collected in a form? A bit like the funding thermometer, but maybe a bar chart?

    We're collecting votes on a 100years old project and would like to show the results in (maybe a barchart?) Here's the form

    image.png.c99d3e282f0c4d41f2305977cd0aeadd.png

    Morning......

    Have you tried using the Poll widget?

  6. 12 minutes ago, Graham Quince said:

    A slightly different version, this code mimics the Assignments Menu in the Frog Bar

    
    <style>
        .row-template {
            display: none;
        }
    .assignment-widget-header {
    background-color: #231f20;
    padding: 1em;
    position: relative;
    text-align: left;
    }
    .assignment-widget-header::after {
    content: "";
    width: 98%;
    height: 60%;
    position: absolute;
    top: 3%;
    left: 1%;
    border-radius: 5px;
    }
    .assignment-widget-header h1 {
    color: #fff;
    font-size: 20px;
    margin: 0;
    }   
    .no-homework {
    padding: 1em;
    text-align: center;
    }
    .assignment-list {
    list-style: none;
    padding: 0 1em;
    margin:0 0 0 0;
    }    
        
    
        
    .assignment-list :hover{
    background-color:#ededed;
    }        
        
    .assignment-list .assignment-link {
    border-bottom: 1px solid #ddd;
    padding: 10px 10px  10px 10px;
    margin: 0.5em 0;
    cursor: pointer;
    }
        
    .assignment-list .assignment-link p {
    margin: 0;
    }
    .assignment-list .assignment-link .assign-icon {
    width: 32px;
    height: 32px;
    display: block;
    float: left;
    margin-top: 2px;
    background: url(data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEAYABgAAD/2wBDAAMCAgMCAgMDAwMEAwMEBQgFBQQEBQoHBwYIDAoMDAsKCwsNDhIQDQ4RDgsLEBYQERMUFRUVDA8XGBYUGBIUFRT/2wBDAQMEBAUEBQkFBQkUDQsNFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBT/wAARCAAgACADASIAAhEBAxEB/8QAHwAAAQUBAQEBAQEAAAAAAAAAAAECAwQFBgcICQoL/8QAtRAAAgEDAwIEAwUFBAQAAAF9AQIDAAQRBRIhMUEGE1FhByJxFDKBkaEII0KxwRVS0fAkM2JyggkKFhcYGRolJicoKSo0NTY3ODk6Q0RFRkdISUpTVFVWV1hZWmNkZWZnaGlqc3R1dnd4eXqDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uHi4+Tl5ufo6erx8vP09fb3+Pn6/8QAHwEAAwEBAQEBAQEBAQAAAAAAAAECAwQFBgcICQoL/8QAtREAAgECBAQDBAcFBAQAAQJ3AAECAxEEBSExBhJBUQdhcRMiMoEIFEKRobHBCSMzUvAVYnLRChYkNOEl8RcYGRomJygpKjU2Nzg5OkNERUZHSElKU1RVVldYWVpjZGVmZ2hpanN0dXZ3eHl6goOEhYaHiImKkpOUlZaXmJmaoqOkpaanqKmqsrO0tba3uLm6wsPExcbHyMnK0tPU1dbX2Nna4uPk5ebn6Onq8vP09fb3+Pn6/9oADAMBAAIRAxEAPwDtfAvgzxT8eoW8W6j4l1meW+1Gb+0JYvEE9rFp0PmSYIhSRQkKJGQPU8euNH4N/DrQPFXxs8a6Hea54t8R+GdI8PrqVkLXxBqEcs7/AGmVCy7ZgzFkQKFJwTyBzXk/w/8AAvjDXtA05NG8W6nZQ6rPLYR2dtpsTxEtcOfJMh+8CVL4bsCegr0n4D/DPx1p/wC0B4w0WD4nz+GdU0vw7E15qaaXZzKY1upB5ZDAoFUgtuGDzg9K+TwdWUsY1zN6vvbytpY8LDzlLEWu3q+//DHRLqHwyYA/8Kn/AGgf+/8Aq/8A8l1p3Z0rwp4Hi+JXgKw+JHgjVNF8Q6fYTaf4zvb1o9SguJ4opEaC4lkDJtl4YYIZa7b7Vq3/AEeFpP8A4B6NXGfHDQ/E198KW1g/HiP4kaFa67pMVzp9pp1gImc30G0NLANylSytjPOOeDX1R7p4f8L/AI1eOfAPgxtL8P8Ah3WJrK6M6C5gltiu4zSDzYA0gZHwSmcZx26EdX+zh488QaD8aPEzQfCjxB4imuPDUVnc6PHPZiVY/tUu55PNlClWJZduScg5GOaZ4D+IWj/A2zufDXjXwu6eKtFvZprNru0nG2YSyeW5KqRLbkOJFwfvD8RqfAr45eGNM+OHjLxH4p8T3FjFrXhuO0/taGynVvtJuZWYIBEdrKrKRxjp1r5XB05Rxl5Rf2v5rLXz018jwsPFrEarv30/T7j1UabonT/hiuT/AMAtC/8Aj1ct8ZPEFxpfwnfQdN/Z+1L4X6Pe69pM9zfxjTYrZZFvoMM6W8pYs21UB2nqM4FKPEnwz/6Oo+Kf/fw//INTa94h8P8AjjwHB8OPA/j3xb8WfEWteIdNu/P12GR/7Ot4LiKWV3l8iNUiCxHrklnGK+qPdP/Z) no-repeat;
    }
        
    .assignment-list .assignment-link .assign-details {
    padding: 0 1em;
    float: left;
    }
        
        .list-header {
            width: 100%;
            height:50px;
            line-height:50px;
            vertical-align:top;
            padding-left: 20px;
            box-sizing: border-box;
            background-color: #0497da;
            border-top-left-radius: 6px;
            border-top-right-radius: 6px;
            border: 1px solid #cccccc;
            border-bottom-width: 0;
            color: #ffffff;
            font-size:12pt;
            
        background: #0497da; /* Old browsers */
        background: -moz-linear-gradient(top,  #0497da 0%, #0064cd 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(top,  #0497da 0%,#0064cd 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom,  #0497da 0%,#0064cd 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0497da', endColorstr='#0064cd',GradientType=0 ); /* IE6-9 */
    
            
        }
        .list-body {
            background-color: white;
            border-bottom-left-radius: 6px;
            border-bottom-right-radius: 6px;
            border: 1px solid #cccccc;
            border-top-width: 0;
        }
    </style>
    <div class="Assignments"></div>
    
    
    <script>
    var getHTMLElem = this.element.find('.Assignments');
    var getAssignments = function(child) {
        var assignments = FrogOS.fdp({
            url: 'assignment/getAssigned',
            data: { 
                status: 'open',
                is_completed: false,
                limit: 15, 
                order: 'start desc',
                assigned_user: child.uuid
            }
        });
    
        assignments.done(function(data) {
           var assignments = data.response.assignments,
               assignment,
               user_info;
    
            for (var uuid in assignments) {
            	if (assignments.hasOwnProperty(uuid)) {
    		        assignment = assignments[uuid].assignment;
                    user_info = assignments[uuid].user_info;
                    
                    getHTMLElem.find('.assignment-list'+child.uuid).show();
                
                    var assignSubject = '<p><strong>' + assignment.subject.name + '</strong></p>';
                    var assignTitle = '<p>' + assignment.name + '</p>';
                    var assignEnd = '<span style="color: red;"><strong>Due: ' + moment(assignment.end, 'X').format('Do MMM YYYY') + '</strong></span>';
                    var assignLink = assignment.link;
                    var activity = ' | Activities done: <b>'+assignments[uuid].activities.complete+' / '+assignments[uuid].activities.total+'</b>';
                    
                    var status = ' | Status: ';
                    switch(assignments[uuid].user_info.status) {
                        case 'notdone':
                            status = status+' Not done';
                            break;
                        case 'ontime':
                            status = status+' Handed in';
                            break;
                        case 'late':
                            status = status+' Late';
                            break;
                        default:
                            break;
                    }
                
                    var liElem = '<li class="assignment-link clearfix" data-assignment-link="' + assignLink + '"><div class="assign-icon"></div>'+
                                 '<div class="assign-details">' + assignSubject + '' + assignTitle + '' + assignEnd + activity + status +'</div></li>';
                    
    
                    if (user_info.completed == null) {
                        getHTMLElem.find('.assignment-list'+child.uuid).append(liElem);
                    }        
                    //getHTMLElem.find('.assignment-list'+child.uuid).append(liElem);
                    
                }
            }
        });
    };
        
    $(getHTMLElem).on('click', '.assignment-link', function(el){
        $(this).trigger('os.app.siteviewer', {
            data: { site: el.currentTarget.dataset.assignmentLink }
        });
    });
    
    Frog.Model.api('users.getChildren').done(function(listResponse) {
            var children = listResponse.data;
            $.each(children, function(index,child) {
                getHTMLElem.append(
                    '<div class="list">'+
                    "<div class='list-header'>"+child.displayname+"'s recent homeworks</div>"+
                    '<div class="list-body">'+
                    '<ul class="assignment-list assignment-list'+child.uuid+'" style="display: none;"></ul>'+
                    '</div><hr>'
                );
                getAssignments(child);
           });
    });
    
    </script>

     

    I thought you were turning this into a widget..... ?

  7. 26 minutes ago, Chay said:

    Hi Adrian,

    thanks for replying, sorry, I'm not great at explaining these things! I've attached 2 images, I'd like to create the webpage 'test 2', where the footer background colour is continuous for the full screen? It's currently published like 'test 1' (I've edited the image in Photoshop to try and help my explanation!)

    Thanks

    Chay

     

    test 1.jpg

    test 2.jpg

    Hi Chay...  that looks like an issue with your theme!! You might want to wait for one of the Frog Team to get in touch!! @Graham Quince

  8. 1 hour ago, Chay said:

    Hi there,

    just a quick question about building sites. I generally use the Feature theme site builder. Is there a way to adapt the boxes in the layout so that some stretch across the whole screen (even just a block of colour to split the page up a little bit)? This would also be especially useful for a footer at the bottom of the page.

    Many thanks

    Chay

    Hi Chay...


    Do you mean a way change the page layout?  You can do this using the Page settings !!

    image.png


    Hope that's what you wanted? ?

    • Thanks 1
  9. 19 minutes ago, Graham Quince said:

    Oh?  it should.  Can you post a screenshot?  I know the labels aren't perfectly lined up.

    I'll take it back....  its the fact that the alinement it way off!!!!

     

    image.png

     

    image.png

  10. Why doesn't it show where the criteria labels have been put on the work when you print?

     

    1. You have achieved this criteria here.......  whoops it doesn't show! 

  11. 21 hours ago, Graham Quince said:

    Just experimenting, but I've added CSS to target some classes in Feedback, so that when sent to the browser's print options, the picture, labels and comments all appear:

    print-feedback.PNG

    feedback - page 1.PNG

    feedback - page 2.PNG

     

    It'll need some experimentation and real-world testing, if anyone would like to help out.

     

    Graham

    You know me....... always happy to help if we can!! ?

  12. 1 hour ago, gbligh said:

    Hi,

    Is there any code available which only shows a certain subject within a homework calendar?

    @Graham Quince

    Something like....

    <script>
    var widget_content_uuid = "8E087DCB200281BC21D9AFFD49EB8309617608AC35F7D646";
    var subject_uuid = "FE43A21E2003151E1F67BFB693DCAD08CDDA308CD37F93E1";
            var recipients_uuid= "group-4F2B17B0200138FC1A2E4F4E5494BB04E65810EC7A8FC42D";
    setTimeout(function(){ $("div [data-content-uuid="+widget_content_uuid+"] select[name=subject_name]:first").val(subject_uuid).change(); }, 2000);  
        setTimeout(function(){ $("div [data-content-uuid="+widget_content_uuid+"] select[name=recipients]:first").val(recipients_uuid).change(); }, 3000);
    </script>

     

×
×
  • Create New...