Kevin Giszewski
123 lines
3.7 KiB
JavaScript
123 lines
3.7 KiB
JavaScript
angular.module("umbraco").controller("Imulus.ArchetypeConfigController", function ($scope, $http, assetsService) {
|
|
|
|
//$scope.model.value = "";
|
|
|
|
var defaultFieldsetConfigModel = "";
|
|
|
|
$scope.model.value = $scope.model.value || defaultFieldsetConfigModel;
|
|
|
|
initConfigRenderModel();
|
|
|
|
$scope.sortableOptions = {
|
|
axis: 'y',
|
|
cursor: "move",
|
|
handle: ".handle",
|
|
update: function (ev, ui) {
|
|
|
|
},
|
|
stop: function (ev, ui) {
|
|
|
|
}
|
|
};
|
|
|
|
//helpers
|
|
$scope.archetypeConfigRenderModel.toString = stringify;
|
|
setConfigPropertyToString();
|
|
|
|
//encapsulate stringify (should be built into browsers, not sure of IE support)
|
|
function stringify() {
|
|
return JSON.stringify(this);
|
|
}
|
|
|
|
function setConfigPropertyToString()
|
|
{
|
|
for(var i in $scope.archetypeConfigRenderModel.fieldsets)
|
|
{
|
|
for(var j in $scope.archetypeConfigRenderModel.fieldsets[i].properties)
|
|
{
|
|
$scope.archetypeConfigRenderModel.fieldsets[i].properties[j].config.toString = stringify;
|
|
}
|
|
}
|
|
}
|
|
|
|
//watch for changes
|
|
$scope.$watch('archetypeConfigRenderModel', function (v) {
|
|
//console.log(v);
|
|
if (typeof v === 'string') {
|
|
$scope.archetypeConfigRenderModel = JSON.parse(v);
|
|
$scope.archetypeConfigRenderModel.toString = stringify;
|
|
}
|
|
|
|
for(var i in $scope.archetypeConfigRenderModel.fieldsets)
|
|
{
|
|
for(var j in $scope.archetypeConfigRenderModel.fieldsets[i].properties)
|
|
{
|
|
if(typeof $scope.archetypeConfigRenderModel.fieldsets[i].properties[j].config === 'string')
|
|
{
|
|
$scope.archetypeConfigRenderModel.fieldsets[i].properties[j].config = JSON.parse($scope.archetypeConfigRenderModel.fieldsets[i].properties[j].config);
|
|
$scope.archetypeConfigRenderModel.fieldsets[i].properties[j].config.toString = stringify;
|
|
}
|
|
}
|
|
}
|
|
}, true);
|
|
|
|
//helper that returns if an item can be removed
|
|
$scope.canRemove = function ()
|
|
{
|
|
return countVisible() > 1;
|
|
}
|
|
|
|
//helper that returns if an item can be sorted
|
|
$scope.canSort = function ()
|
|
{
|
|
return countVisible() > 1;
|
|
}
|
|
|
|
//helper to count what is visible
|
|
function countVisible()
|
|
{
|
|
var count = 0;
|
|
|
|
for (var i in $scope.archetypeConfigRenderModel.fieldsets) {
|
|
if ($scope.archetypeConfigRenderModel.fieldsets[i].remove == false) {
|
|
count++;
|
|
}
|
|
}
|
|
|
|
return count;
|
|
}
|
|
|
|
//helper to ini the render model
|
|
function initConfigRenderModel()
|
|
{
|
|
$scope.archetypeConfigRenderModel = {};
|
|
$scope.archetypeConfigRenderModel.fieldsets = [];
|
|
$scope.archetypeConfigRenderModel.fieldsets = $scope.model.value;
|
|
|
|
for(var i in $scope.archetypeConfigRenderModel.fieldsets)
|
|
{
|
|
$scope.archetypeConfigRenderModel.fieldsets[i].remove = false;
|
|
}
|
|
}
|
|
|
|
//sync things up on save
|
|
$scope.$on("formSubmitting", function (ev, args) {
|
|
syncModelToRenderModel();
|
|
});
|
|
|
|
//helper to sync the model to the renderModel
|
|
function syncModelToRenderModel()
|
|
{
|
|
$scope.model.value = [];
|
|
|
|
for (var i in $scope.archetypeConfigRenderModel.fieldsets) {
|
|
if (!$scope.archetypeConfigRenderModel.fieldsets[i].remove) {
|
|
$scope.model.value.push($scope.archetypeConfigRenderModel.fieldsets[i]);
|
|
}
|
|
}
|
|
}
|
|
|
|
//archetype css
|
|
assetsService.loadCss("/App_Plugins/Imulus.Archetype/css/archetype.css");
|
|
});
|