function loadJQuery(callback)
{
    try
    {
        if(typeof jQuery == "undefined" || typeof jQuery.ui == "undefined")
        {
            var maxLoadAttempts = 10;
            var jQueryLoadAttempts = 0;
            //We want to use jQuery as well as the UI elements, so first lets load the stylesheet by injecting it into the dom.
            var head= document.getElementsByTagName('head')[0];
            var v_css  = document.createElement('link');
            v_css.rel = 'stylesheet'
            v_css.type = 'text/css';
            v_css.href = 'http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/themes/redmond/jquery-ui.css';
            head.appendChild(v_css);

            //Okay, now we need the core jQuery library, lets fetch that and inject it into the dom as well
            var script= document.createElement('script');
            script.type= 'text/javascript';
            script.src= 'https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js';
            head.appendChild(script);

            checkjQueryLoaded = setInterval(function()
            {
                if(typeof jQuery != "undefined")
                {
                    //Okay, now we need the core jQuery UI library, lets fetch that and inject it into the dom as well
                    var script= document.createElement('script');
                    script.type= 'text/javascript';
                    script.src= 'https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/jquery-ui.js';
                    head.appendChild(script);
                    window.clearInterval(checkjQueryLoaded);
                }
                else if(maxLoadAttempts < jQueryLoadAttempts)
                {
                    window.clearInterval(checkjQueryLoaded);
                }
                jQueryLoadAttempts++;
            },300);

            jQueryLoadAttempts = 0;        

            checkLoaded = setInterval(function()
            {
                if(typeof jQuery != "undefined" && typeof jQuery.ui != "undefined")
                {
                    window.clearInterval(checkLoaded);
                    callback(true);
                }
                else if(maxLoadAttempts < jQueryLoadAttempts)
                {
                    window.clearInterval(checkLoaded);
                    callback(false);
                }
                jQueryLoadAttempts++;
            },500);
        }
    }
    catch(exception)
    {
        callback(false);
    }
}

Then you can invoke it and have a callback like this

loadJQuery(function(loadSuccess){
    if(loadSuccess)
    {
	//Do your jQuery stuff here. Basically you can think of this as a replacement for your
	//document.onReady code
        $(document.getElementsByTagName('body')[0]).append("<div id=infoNotice title='Success'>jQuery and jQuery UI loaded!</div>");
        $( "#infoNotice" ).dialog({ modal: true});
    }
    else
    {
        alert('Couldn\'t load jQuery  ');
    }
});

Have fun!

The actual link to the challenge is here http://www.cloudspokes.com/challenges/1358

This time I also made two videos. One that highlights the functionality, and another that is a quick tech overview of how the thing works.

See it in action!

See how it works!

If there are any questions I’d be happy to talk about how I built this, but other than that, I think the videos do a decent job of covering the high points. If they don’t like this one, well I give up. If I don’t place, I’ll be releasing the source code and installable package link. Anyway, wish me luck!

utilities.preventRecordEdit(Trigger.oldMap, Trigger.newMap, 'status__c', 'Stopped', 'Stopped timers may not be modified');

    public static void preventRecordEdit(map<id,sObject> oldObjects, map<id,sObject> newObjects, string controllingField, string lockingValue, string errorMessage)
    {
       //get the type of object this list is, like contact, account, etc
        Schema.sObjectType objectType = oldObjects.values().getSObjectType();

        //global describe of objects
        Map<String, Schema.SObjectType> globalDescribe = Schema.getGlobalDescribe(); 

        //describe object
        Schema.DescribeSObjectResult objectDescribe = objectType.getDescribe();

        //get all the valid fields on this object
        Map<String, Schema.SobjectField> objectFields = objectType.getDescribe().fields.getMap();

        for(sObject oldObject : oldObjects.values())
        {
            if(oldObject.get(controllingField) == lockingValue)
            {
                sObject newObject = newObjects.get((id) oldObject.get('id'));
                for(string fieldName : objectFields.keySet())
                {
                   if(oldObject.get(fieldName) != newObject.get(fieldName))
                   {
                       sObject actualRecord = (sObject) Trigger.newMap.get((id) oldObject.get('id'));
                       actualRecord.addError(errorMessage);
                   }
                }
            }
        }
    }

Not sure if there is an easier way, but if nothing else, it’s a cool tech demo for super dynamic Apex Code Hope it helps someone.

I know I’ve been promising a new calendar for a while, and I’m sorry it’s taken so long. I didn’t quite know how in depth I wanted to go, and how much stuff I should build. I finally just decided to release a nice simple framework for other developers to build on. This is based on the super awesome excellent jQuery fullCalendar plugin by Adam Shaw. What this allows you to do is create full calendar records (a custom object). Each record represents a calendar. Each calendar has a source object, a start and end field, and a list of detail fields. When the calendar is loaded, it then queries the specified object for all records with a start date and end date falling in the visible range of the calendar. When an event is clicked a popup box appears with further information that is configurable on the fullcalendar record.

All the more configuration that is needed to create a calendar

Sample popup info when event is clicked

You can grab the unmanaged package here

Or just grab the raw project and source from here (first time hosting a file on box.net, we’ll see how this goes).

Anyway, I hope this helps some people who are looking for a simple calendar system, or one to build on. I’m happy to review suggestions and ideas, but I can’t commit to getting anything done. Hope ya dig it!

I decided to try and make the best of both worlds. Using a flag in the javascript you can tell the controlling class whether to try and pull country and state data from address tools, or return a hard coded set of data (which was said to be an acceptable alternative in the comments of the challenge). The bummer here is that the org does at least have to have the address tools objects otherwise the class won’t compile. Nice thing is my installable package does include the objects and fields, so while it doesn’t have all the data that a full functionally addressTools would have it should at least install and not error. If you do have a functional addressTools install then no need to worry at all. The application will just work, because it defaults to attempting to pull it’s data from there.

To solve the issue of pulling data from different objects with different field names, I decided to create a wrapper object. A simple class that contains only the data needed to plot the address on the map. So whether the data be originally coming from Sales Orders or opportunities, they both end up returning a list of salesData objects (which is what I ended up calling my wrapper class). I created two separate methods (though they probably could have been consolidated into one, but it would have been a bit messy) for getting data from either object. The correct method was called by another which gets invoked by the user interface. Something like

User picks country
Javascript uses apex remoting to call getSales(string formData);
deserialize the form data from a url query string into a map of string to string (key to value)
find useOpp key in the deserialized data (this got set by the javascript in the application before the request was sent)
call the buildQueryFilter method and pass the form data. This method evaluates the data passed in the form and creates a SOQL where condition that will filter the records as the user has requested.
If useOpp is true call the getOpportunitySales() method. If not, call the getSalesOrderSales() method.
Both methods return a map of address (string) to salesData objects, using the filter created above.
Return the map of addresses to salesData objects to the javascript to be plotted on the map.

Those few parts where really the trickiest part of this challenge. I feel creating the wrapper object was probably the slickest solution, and even allows for other potential data sources in the future, and easily expand-ability to return more data to the front end if desired. I’ll be honest and stay a little bit of my code is redundant because of a feature I added at the very last moment, so I end up deserializing the form data twice, which I should really only need to do once, but it’s a short string of data so it’s not a big deal. I also not 100% sure the application is safe from SOQL injection. You could probably get the application to error by passing junk data with firebug or something, but I doubt you could make it do anything besides just error. I mean SOQL is select only anyway, and the filters it runs through and the way the query string gets built is pretty solid. So I am pretty sure at worst an attack could just get the application to toss some errors for their instance of it. Nothing that should be able to bring the app down, especially with governor limits in place.

As usual, I can’t release the source code myself until I have lost, or Cloudspokes gives me the okay. They generally host all code on their github anyway so in that case I’ll updated this post with the link to it.

Anyway you can see the video here: http://www.screencast.com/t/cLUc7dqpHEkC
Or play with the Demo App!

1) User creates standard HREF link with HREF pointing to desired page.
2) Have some javascript modify the links at runtime to remove the HREF attribute, and replace with an onclick function
3) onclick function fetches the content that was found in the original HREF and injects it into the page where desired.

My implementation of this idea looks like this.

<script type="text/javascript">
$(document).ready(function(){

      $('.ajaxLink').each(function(index) {
        var linkTarget = $(this).attr('href');
        $(this).attr('href','#')
        $(this).click(function(){
            loadContent(linkTarget,'news_content');
            return false;
        });
    });    

    jQuery.ajaxSetup({
      beforeSend: function() {
         $('#loadingDiv').show()
      },
      complete: function(){
         $('#loadingDiv').hide()
      },

      error: function() { alert('Error loading page');},
      success: function() {}
    });

});

function loadContent(contentPath,contentTarget)
{

    console.log(contentPath + ' ' + contentTarget);
    $.get(contentPath, function(data)
    {
        $('#'+contentTarget).fadeOut('fast',function(){
            $("#"+contentTarget).html(data);

            $("#"+contentTarget).fadeIn()
        })
    })
}
</script>

and the HTML

            <style>
                #news_picker
                {
                    width:20%;
                    height:100%;
                    overflow:auto;
                    float:left;
                }

                #news_details
                {
                    width:79%;
                    height:100%;
                    overflow:auto;
                    float:left;
                }
                #loadingDiv
                {
                    background-image:url(ajaxLoader.gif);
                    background-repeat:no-repeat;
                    background-position:center;
                    z-index:150;
                    display:none;
                }
            </style>

            <div id="news_picker">
                <div class="listHeader">All of our news</div>

                <a href="news1.html" class="ajaxLink" >Ajax link override</a>

            </div>

            <div id="news_details">
                <div id="loadingDiv">Content Loading, Please Wait.</div>

                <div id="news_content"> I am news data</div>

            </div>

this will transform any link with a class of ‘ajaxLink’ and convert it from a regular link into an ajax loading link. Right now it is coded to push the fetched content into a div called ‘news_content’ (you could make this dynamic, or even per link by including some attribute in the link itself that tells the function where to put the fetched content). You may want to add special case handling for content other than text/html, such as detecting if the requested resource is an image, and wrap it in an img tag, etc. Anyway, hope this helps someone, I thought it was pretty cool to allow users to easily create Ajax links

For those who just want my basic functional super skeletal framework I’ll be releasing it sometime tomorrow. I need to clean up a few little things, and I’ll probably release it as an unmanaged package for easy install, and I’ll host the code on my new box.net account.

• You must pass in the column headers as the first row
• The column headers must match the API names of the fields. So your column headers must match the sObject field names
• The parser can deal with invalid field names. It will simple not set them on the sObject. So you can include extra data, it will just be discarded
• I havn’t tested it much. It may fail with some data types, but I’m not sure

    public static list<sObject> csvTosObject(List<List<String>> parsedCSV, string objectType)
    {
        Schema.sObjectType objectDef = Schema.getGlobalDescribe().get(objectType).getDescribe().getSObjectType();
        system.debug(objectDef);

        list<sObject> objects = new list<sObject>();
        list<string> headers = new list<string>();

        for(list<string> row : parsedCSV)
        {
            for(string col : row)
            {
                headers.add(col);
            }
            break;
        }
        system.debug('========================= File Column Headers');
        system.debug(headers);

        integer rowNumber = 0;
        for(list<string> row : parsedCSV)
        {
            system.debug('========================= Row Index' + rowNumber);
            if(rowNumber == 0)
            {
                rowNumber++;
                continue;
            }
            else
            {
                sObject thisObj = objectDef.newSobject();
                integer colIndex = 0;
                for(string col : row)
                {
                    string headerName = headers[colIndex].trim();
                    system.debug('========================= Column Name ' + headerName);
                    if(headerName.length() > 0)
                    {
                        try
                        {
                            thisObj.put(headerName,col.trim());
                        }
                        catch(exception e)
                        {
                            system.debug('============== Invalid field specified in header ' + headerName);
                        }
                        colIndex++;
                    }
                }
                objects.add(thisObj);
                rowNumber++;
            }
        }
        return objects;
    }

If nothing else this should at least be a jumping off spot for anyone trying to work with CSV files in Apex. If you make any improvements, I’d love to see/hear them. Hope this helps someone!

jQuery Clone and Configure Record