Page/Template level authoring/configuration

[ashtrick]

I'm not sure which way to proceed.

I have a page/template which has an Angular application. This is fully data driven page, that is the reason why it is created in AngularJS.

Now, there is lots of configuration changes to be done for this page, say, all of the elements in the below JSON needs to be configured for this application to work. Could someone please suggest on how to implement this so that all these configurations can be added by the authors

NOTE: filters, autocompleteFilters, distances and categories can have 'N' number of elements

    {
        "apiKey": "abcdefg",
        "maxLimit": "1000",
        "countryCodes": "GB,FR,BE",
        "SaveEnabled": "false",
        "addressformat": "AddressLine1,SubLocality,Locality,AdministrativeArea,PostCode",
        "status": "0",
        "fields": "FeatureOne,FeatureTwo,FeatureThree,FeatureFour,FeatureFive,FeatureSix",
        "defaultQueryURL": "http://abc.com/fjk/llmkl",
        "displayLimit": "100",
        
        "filters": {
            "FeatureOne": [
                {
                    "info": "This is feature ONE",
                    "filter": "true",
                    "option": "FeatureOne",
                    "display": "Feature One",
                    "displayFilter": "Feature - ONE"
                }
            ],
            "FeatureTwo": [
                {
                    "info": "This is feature 2",
                    "filter": "false",
                    "option": "FeatureTwo",
                    "display": "Feature TWO",
                    "displayFilter": "Feature - 2"
                }
            ],
            "FeatureThree": [
                {
                    "info": "This is feature Three",
                    "filter": "true",
                    "option": "FeatureThree",
                    "display": "Feature 3",
                    "displayFilter": "Feature - THREE"
                }
            ]
        },
        
        "autocompleteFilters": [
            {"key" : "autocomp1", "value" : "Auto Complete 1"},
            {"key" : "autocomp2", "value" : "Auto Complete 2"},
            {"key" : "autocomp3", "value" : "Auto Complete 3"}
        ],

        "distances": {
            "options": [
                {
                    "option": "",
                    "display": "All distances"
                },
                {
                    "option": "1",
                    "display": "1miles"
                },
                {
                    "option": "2",
                    "display": "2miles"
                },
                {
                    "option": "5",
                    "display": "5miles"
                },
                {
                    "option": "10",
                    "display": "10miles"
                },
                {
                    "option": "25",
                    "display": "25miles"
                },
                {
                    "option": "50",
                    "display": "50miles"
                },
                {
                    "option": "100",
                    "display": "100miles"
                }
            ],
            "display": "miles",
            "default": "100",
            "unit": "imperial"
        },

        "categories": [
            {
                "name": "cat1",
                "services": "Category A,Category G,Category P"
            },
            {
                "name": "cat2",
                "services": "Category S,Category I,Category M"
            },
            {
                "name": "Other",
                "services": "Category C,Category K,Category L,Category D,Category N"
            }
        ]
    }

Thanks

[smacdonald2008 · Accepted solution]

Why not create a dialog with multiple tabs and place the widgets on each tab that makes sense - that way - you can collect information from authors using dialogs. 

[ashtrick]

Thanks Scott for the reply.

I have got few config params like API key, Service URL etc which should be configured by only admin/application support and not by content Authors. How will I restrict this if I add everything on to dialog?

Thanks