Not possible to override default dashboard template for my webapp

[awashbrook]

This is major limitation, fortunately easily addressed...pull request #35 raised.

[awashbrook]

This seems to be a key missing piece of separation of Malhar Framework from consuming WebApp. As are result we cannot customise our own buttons bar.

Today we cannot specify our own dashboard template, we are stuck with template/dashboard.html under framework project. This template is quite straightforward and it should be easy to maintain interoperability between it and dashboard.js.

Fortunately there appears to be a standard pattern for re-usable directives needing to ship with a default template, while wanting to offer consumers the options to override, e.g. angular/angular.js#1039 (comment)

Applying this kind of pattern straightforward, all we need to do is setup 'templateUrl' as an overridable attribute of dashboard directive in framework project, viz:

templateUrl: function(element, attr) { return attr.templateUrl ? attr.templateUrl : 'template/dashboard.html' },

And then we override it in our new template in the routed view, the dashboard container, eg. here is my main.html in the web app project.

<div dashboard="dashboardOptions" class="dashboard-container" template-url="template/app-dashboard.html"></div>

Within that new template we can now do things different with, say, buttons:

        <button ng-if="options.storage && options.explicitSave" ng-click="options.saveDashboard()" class="btn btn-success" ng-hide="!options.unsavedChangeCount">{{ !options.unsavedChangeCount ? "No Changes" : "Save" }}</button>

        <button ng-click="clear();" ng-hide="!widgets.length" type="button" class="btn btn-info">Clear</button>

[awashbrook]

This is now implemented with tests thanks to #35 and #42.

Thanks Andy P and Nick who have been a huge help with this, fantastic stuff guys!