JSFiddle - React, Tailwind, and code Playground

by ryanbrill

HTML

<script src="//cdnjs.cloudflare.com/ajax/libs/angular.js/1.1.5/angular.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/angular-ui/0.4.0/angular-ui.min.js"></script>
<div ng-controller="DashboardCtrl">
    <div ng-repeat="widget in widgets| orderBy:'order'">
        <div type="{{widget.type}}">Test</div>
    </div>
</div>

JavaScript

var appRD = angular.module('appRD', []);

// http://weblogs.asp.net/dwahlin/archive/2013/08/19/building-an-angularjs-dialog-service.aspx
appRD.factory('dialogService', ['$dialog', function ($dialog) {

	var dialogDefaults = {
		backdrop: true,
		keyboard: true,
		backdropClick: true,
		dialogFade: true,
		//templateUrl: '/reports/ConfirmDeleteDialog'
		templateUrl: '/pages/template/dialog/ConfirmDeleteDialog.html'
	};

	return {
		showDialog : function(customDialogDefaults) {
			//Create temp objects to work with since we're in a singleton service
			var tempDialogDefaults = {};

			//Map angular-ui dialog custom defaults to dialog defaults defined in this service
			angular.extend(tempDialogDefaults, dialogDefaults, customDialogDefaults);

			d = $dialog.dialog(tempDialogDefaults);
			d.open();
		}
	}

}]);