diff --git a/src/.gitignore b/src/.gitignore
index d8c05cc..9e397d6 100644
--- a/src/.gitignore
+++ b/src/.gitignore
@@ -12,3 +12,5 @@
**/Media/**
!**/Media/Web.Config
+# ignore the copied App_Plugins folder
+*Website/App_Plugins/uiexamples/*
diff --git a/src/UIExamples.Website/App_Plugins/uiexamples/buttons/buttons.controller.js b/src/UIExamples.Website/App_Plugins/uiexamples/buttons/buttons.controller.js
deleted file mode 100644
index 13f5c63..0000000
--- a/src/UIExamples.Website/App_Plugins/uiexamples/buttons/buttons.controller.js
+++ /dev/null
@@ -1,78 +0,0 @@
-
-(function () {
- 'use strict';
-
- function buttons($scope,
- localizationService,
- overlayService,
- exampleResource) {
-
- var vm = this;
- vm.doStuff = doStuff;
- vm.linkAway = exampleResource.linkAway;
-
- /// umb-button-group ///
-
- vm.buttonGroup = {
- defaultButton: {
- labelKey: "buttons_groupedButton_default",
- hotKey: "ctrl+d",
- hotKeyWhenHidden: true,
- buttonStyle: 'success',
- handler: function () {
- // do magic here
- alert("you clicked the default button");
- }
- },
- subButtons: [
- {
- labelKey: "buttons_groupedButton_subButtonA",
- hotKey: "ctrl+a",
- hotKeyWhenHidden: true,
- handler: function () {
- // do magic here
- alert("you clicked a sub button A");
- }
- },
- {
- labelKey: "buttons_groupedButton_subButtonB",
- hotKey: "ctrl+b",
- hotKeyWhenHidden: true,
- buttonStyle: 'success',
- handler: function () {
- // do magic here
- alert("you clicked a sub button B");
- }
- }
- ]
- };
-
- ///
-
- function doStuff () {
- openOverlay();
- };
-
- function openOverlay() {
-
- localizationService.localizeMany(["buttonsOverlayTitle", "buttonsOverlayMessage"])
- .then(function (values) {
-
- var overlay = {
- title: values[0],
- content: values[1],
- disableBackdropClick: true,
- disableEscKey: true,
- submit: function () {
- overlayService.close();
- }
- };
-
- overlayService.confirmDelete(overlay);
- });
- }
- };
-
- angular.module('umbraco')
- .controller('buttonsSectionController', buttons);
-})();
\ No newline at end of file
diff --git a/src/UIExamples.Website/App_Plugins/uiexamples/buttons/buttons.html b/src/UIExamples.Website/App_Plugins/uiexamples/buttons/buttons.html
deleted file mode 100644
index 7c41465..0000000
--- a/src/UIExamples.Website/App_Plugins/uiexamples/buttons/buttons.html
+++ /dev/null
@@ -1,121 +0,0 @@
-
-
-
-
-
-
-
-
- <umb-button
- action="vm.doStuff()"
- label="Hello world"
- type="button"
- button-style="block | action | primary | info | success | warning | danger | inverse | link">
-</umb-button>
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- <umb-button-group
- button-style="block | action | primary | info | success | warning | danger | inverse | link"
- default-button="vm.buttonGroup.defaultButton"
- sub-buttons="vm.buttonGroup.subButtons"
- direction="up | down">
-</umb-button-group>
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
\ No newline at end of file
diff --git a/src/UIExamples.Website/App_Plugins/uiexamples/buttons/lang/en.xml b/src/UIExamples.Website/App_Plugins/uiexamples/buttons/lang/en.xml
deleted file mode 100644
index edb3131..0000000
--- a/src/UIExamples.Website/App_Plugins/uiexamples/buttons/lang/en.xml
+++ /dev/null
@@ -1,18 +0,0 @@
-
-
-
- umb-button
- Render a styled button
-
-
-
- umb-grouped-button
- Render a grouped button
- This is an example of a button group, you can see a few examples rendered down below.
- Grouped style 'info'
- Sub Button A
- Sub Button B
-
-
\ No newline at end of file
diff --git a/src/UIExamples.Website/App_Plugins/uiexamples/buttons/package.manifest b/src/UIExamples.Website/App_Plugins/uiexamples/buttons/package.manifest
deleted file mode 100644
index cb2c959..0000000
--- a/src/UIExamples.Website/App_Plugins/uiexamples/buttons/package.manifest
+++ /dev/null
@@ -1,3 +0,0 @@
-{
- "javascript": [ "~/app_plugins/uiexamples/buttons/buttons.controller.js" ]
-}
diff --git a/src/UIExamples.Website/App_Plugins/uiexamples/dialogs/dialogs.controller.html b/src/UIExamples.Website/App_Plugins/uiexamples/dialogs/dialogs.controller.html
deleted file mode 100644
index febc672..0000000
--- a/src/UIExamples.Website/App_Plugins/uiexamples/dialogs/dialogs.controller.html
+++ /dev/null
@@ -1 +0,0 @@
-(fun)
\ No newline at end of file
diff --git a/src/UIExamples.Website/App_Plugins/uiexamples/dialogs/dialogs.controller.js b/src/UIExamples.Website/App_Plugins/uiexamples/dialogs/dialogs.controller.js
deleted file mode 100644
index a2711d8..0000000
--- a/src/UIExamples.Website/App_Plugins/uiexamples/dialogs/dialogs.controller.js
+++ /dev/null
@@ -1,77 +0,0 @@
-(function () {
- 'use strict';
-
-
- function dialogsController($scope, overlayService) {
-
- var vm = this;
-
- vm.openConfirmOverlay = openConfirmOverlay;
- vm.openCustomOverlay = openCustomOverlay;
-
- function openConfirmOverlay(content, confirmType) {
-
- var options = {
- title: 'Simple',
- content: content,
- disableBackdropClick: true,
- disableEscKey: true,
- confirmType: confirmType, // type of confirmation.
- submit: function () {
- overlayService.close();
- }
- };
-
- overlayService.confirm(options);
-
- }
-
- function openCustomOverlay() {
-
-
- var options = {
- view: Umbraco.Sys.ServerVariables.umbracoSettings.appPluginsPath + '/uiexamples/dialogs/overlays/customOverlay.html',
- title: 'Custom overlay',
- description: 'A custom view in an overlay',
- disableBackdropClick: true,
- disableEscKey: true,
- submitButtonLabel: 'Do Things',
- closeButtonLable: 'Close',
- submit: function (model) {
-
- // multi-step overlay, will still call the submit
- // as its the only button,
- // but you can use values in the model, to check
- // if you are ready to close.
- // simple example, we have a process function
- // (in the overlay's controller) that does stuff
- // and sets complete when done.
-
- // when complete is true, we close the overlay.
- // until then we keep calling process.
-
- if (model.complete) {
- overlayService.close();
- }
- else {
- model.process();
- }
-
- },
- close: function () {
- overlayService.close();
- }
-
- }
-
- overlayService.open(options);
-
- }
-
-
- }
-
- angular.module('umbraco')
- .controller('exampleDialogController', dialogsController);
-
-})();
\ No newline at end of file
diff --git a/src/UIExamples.Website/App_Plugins/uiexamples/dialogs/dialogs.html b/src/UIExamples.Website/App_Plugins/uiexamples/dialogs/dialogs.html
deleted file mode 100644
index 07ba046..0000000
--- a/src/UIExamples.Website/App_Plugins/uiexamples/dialogs/dialogs.html
+++ /dev/null
@@ -1,47 +0,0 @@
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
diff --git a/src/UIExamples.Website/App_Plugins/uiexamples/dialogs/lang/en.xml b/src/UIExamples.Website/App_Plugins/uiexamples/dialogs/lang/en.xml
deleted file mode 100644
index c9f938b..0000000
--- a/src/UIExamples.Website/App_Plugins/uiexamples/dialogs/lang/en.xml
+++ /dev/null
@@ -1,23 +0,0 @@
-
-
-
- Overlay Dialogs
- Overlays give you a 'modal' dialog across the whole screen
-
-
- The overlay service has a confirm option built, in with this you can quickly create a confirm
- dialog, to present your users with a simple option.
- ]]>
-
-
- Custom overlay
- Custom overlays give you more control
-
-
- For more custom options you need to provide a view and a custom controller to manage what
- happens inside the overlay.
- With this method you can control the submit and close process so you can (with a little fangling)
- have muilt-step processes inside the overlay window.
]]>
-
-
-
\ No newline at end of file
diff --git a/src/UIExamples.Website/App_Plugins/uiexamples/dialogs/overlays/customOverlay.html b/src/UIExamples.Website/App_Plugins/uiexamples/dialogs/overlays/customOverlay.html
deleted file mode 100644
index 07501ea..0000000
--- a/src/UIExamples.Website/App_Plugins/uiexamples/dialogs/overlays/customOverlay.html
+++ /dev/null
@@ -1,6 +0,0 @@
-
\ No newline at end of file
diff --git a/src/UIExamples.Website/App_Plugins/uiexamples/dialogs/overlays/customOverlayController.js b/src/UIExamples.Website/App_Plugins/uiexamples/dialogs/overlays/customOverlayController.js
deleted file mode 100644
index 3e681bd..0000000
--- a/src/UIExamples.Website/App_Plugins/uiexamples/dialogs/overlays/customOverlayController.js
+++ /dev/null
@@ -1,43 +0,0 @@
-(function () {
- 'use strict';
-
- function customOverlayController($scope) {
-
- var vm = this;
- $scope.model.complete = false;
-
- vm.step = 1;
-
- vm.icon = 'icon-box';
-
- vm.content = 'A custom overlay.'
-
- // add method to model, so we can call it from parent
- $scope.model.process = process;
-
- function process() {
-
- vm.step++;
- $scope.model.description = 'Step ' + vm.step;
-
- switch (vm.step) {
- case 2:
- vm.icon = 'icon-sprout';
- vm.content = 'Do another thing';
- $scope.model.submitButtonLabel = 'One last thing';
- break;
- case 3:
- vm.icon = 'icon-check color-green';
- vm.content = 'We are done now';
- $scope.model.submitButtonLabel = 'Finish';
- $scope.model.complete = true;
- break;
- }
-
-
- }
- }
-
- angular.module('umbraco')
- .controller('exampleCustomOverlayController', customOverlayController);
-})();
\ No newline at end of file
diff --git a/src/UIExamples.Website/App_Plugins/uiexamples/dialogs/overlays/customoverlay.controller.js b/src/UIExamples.Website/App_Plugins/uiexamples/dialogs/overlays/customoverlay.controller.js
deleted file mode 100644
index 3e681bd..0000000
--- a/src/UIExamples.Website/App_Plugins/uiexamples/dialogs/overlays/customoverlay.controller.js
+++ /dev/null
@@ -1,43 +0,0 @@
-(function () {
- 'use strict';
-
- function customOverlayController($scope) {
-
- var vm = this;
- $scope.model.complete = false;
-
- vm.step = 1;
-
- vm.icon = 'icon-box';
-
- vm.content = 'A custom overlay.'
-
- // add method to model, so we can call it from parent
- $scope.model.process = process;
-
- function process() {
-
- vm.step++;
- $scope.model.description = 'Step ' + vm.step;
-
- switch (vm.step) {
- case 2:
- vm.icon = 'icon-sprout';
- vm.content = 'Do another thing';
- $scope.model.submitButtonLabel = 'One last thing';
- break;
- case 3:
- vm.icon = 'icon-check color-green';
- vm.content = 'We are done now';
- $scope.model.submitButtonLabel = 'Finish';
- $scope.model.complete = true;
- break;
- }
-
-
- }
- }
-
- angular.module('umbraco')
- .controller('exampleCustomOverlayController', customOverlayController);
-})();
\ No newline at end of file
diff --git a/src/UIExamples.Website/App_Plugins/uiexamples/dialogs/package.manifest b/src/UIExamples.Website/App_Plugins/uiexamples/dialogs/package.manifest
deleted file mode 100644
index 8e29d62..0000000
--- a/src/UIExamples.Website/App_Plugins/uiexamples/dialogs/package.manifest
+++ /dev/null
@@ -1,6 +0,0 @@
-{
- "javascript": [
- "~/app_plugins/uiexamples/dialogs/dialogs.controller.js",
- "~/app_plugins/uiexamples/dialogs/overlays/customoverlay.controller.js"
- ]
-}
\ No newline at end of file
diff --git a/src/UIExamples.Website/App_Plugins/uiexamples/icons/iconoverlay.controller.js b/src/UIExamples.Website/App_Plugins/uiexamples/icons/iconoverlay.controller.js
deleted file mode 100644
index 9bb9dd3..0000000
--- a/src/UIExamples.Website/App_Plugins/uiexamples/icons/iconoverlay.controller.js
+++ /dev/null
@@ -1,34 +0,0 @@
-(function () {
- 'use strict';
-
- function overlayController() {
-
- var vm = this;
-
- vm.colors = [
- { name: "Black", value: "color-black", default: true },
- { name: "Blue Grey", value: "color-blue-grey" },
- { name: "Grey", value: "color-grey" },
- { name: "Brown", value: "color-brown" },
- { name: "Blue", value: "color-blue" },
- { name: "Light Blue", value: "color-light-blue" },
- { name: "Indigo", value: "color-indigo" },
- { name: "Purple", value: "color-purple" },
- { name: "Deep Purple", value: "color-deep-purple" },
- { name: "Cyan", value: "color-cyan" },
- { name: "Green", value: "color-green" },
- { name: "Light Green", value: "color-light-green" },
- { name: "Lime", value: "color-lime" },
- { name: "Yellow", value: "color-yellow" },
- { name: "Amber", value: "color-amber" },
- { name: "Orange", value: "color-orange" },
- { name: "Deep Orange", value: "color-deep-orange" },
- { name: "Red", value: "color-red" },
- { name: "Pink", value: "color-pink" }
- ];
-
- }
-
- angular.module('umbraco')
- .controller('exampleSectionIconsOverlayController', overlayController);
-})();
\ No newline at end of file
diff --git a/src/UIExamples.Website/App_Plugins/uiexamples/icons/iconoverlay.html b/src/UIExamples.Website/App_Plugins/uiexamples/icons/iconoverlay.html
deleted file mode 100644
index a7defa0..0000000
--- a/src/UIExamples.Website/App_Plugins/uiexamples/icons/iconoverlay.html
+++ /dev/null
@@ -1,14 +0,0 @@
-
-
-
-
-
-
-
-
<umb-icon icon="{{model.icon.name}}" class="{{vm.activeColor.value}}"></umb-icon>
-
-
-
-
-
-
-
-
-
-
-
- <umb-icon
- icon="icon-{name}">
- class="small | medium | large">
-</umb-icon>
-
-
-
- small 14px medium 24px large 32px
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
\ No newline at end of file
diff --git a/src/UIExamples.Website/App_Plugins/uiexamples/lang/en.xml b/src/UIExamples.Website/App_Plugins/uiexamples/lang/en.xml
deleted file mode 100644
index b6ba465..0000000
--- a/src/UIExamples.Website/App_Plugins/uiexamples/lang/en.xml
+++ /dev/null
@@ -1,20 +0,0 @@
-
-
-
- API Documentation
-
-
- UIExamples
-
-
- UI Examples
- A backoffice component library as a package
-
- This package is developed and maintained by the Umbraco Package Team.
- It contains a quick overview of several backoffice elements and shows you how to use them. The package is also great reference material, if you see something within this section that isn't covered on one of the tabs you can go to your App_Plugins folder and check the source.
- Everything in this package is frontend only (except for a bit of code that automatically adds this section to all user groups).
- ]]>
-
-
-
\ No newline at end of file
diff --git a/src/UIExamples.Website/App_Plugins/uiexamples/layout/lang/en.xml b/src/UIExamples.Website/App_Plugins/uiexamples/layout/lang/en.xml
deleted file mode 100644
index ac7fb14..0000000
--- a/src/UIExamples.Website/App_Plugins/uiexamples/layout/lang/en.xml
+++ /dev/null
@@ -1,36 +0,0 @@
-
-
-
-
-
- Loading indicator
- Display a loading indicator while things setup
- The umbraco load indicator allows you to show the three progress 'bubbles' while your page initializes or you do work that will take some time.
- Click the button below for an example, or try it yourself using this sample code:
- ]]>
- Start loading
- Stop loading
-
-
- Layout
- Classes to aid page layout
-
-
- Umbraco contains many helper methods for controlling how a flexbox and its child items are rendered.
- For a complete rundown of flexbox behaviour see a guide to flexbox.
- ]]>
- Jusfiy content within a flex layout - good for spacing your content across the page.
- Align items within the flex layout, good for aligning text and image boxes of different sizes.
- Align content within a flex layout, good for controlling how boxes flow across the page.
-
-
-
- Margins
- Classes to help with the margins between items
-
- Umbraco's spacing styles]]>
-
-
-
\ No newline at end of file
diff --git a/src/UIExamples.Website/App_Plugins/uiexamples/layout/layout.controller.js b/src/UIExamples.Website/App_Plugins/uiexamples/layout/layout.controller.js
deleted file mode 100644
index 93a3787..0000000
--- a/src/UIExamples.Website/App_Plugins/uiexamples/layout/layout.controller.js
+++ /dev/null
@@ -1,19 +0,0 @@
-(function () {
- 'use strict';
-
- function layoutController($scope, exampleResource) {
- var vm = this;
- vm.loading = false;
-
- vm.toggleLoading = toggleLoading;
-
- function toggleLoading() {
- vm.loading = !vm.loading;
- }
-
- vm.linkAway = exampleResource.linkAway;
- }
-
- angular.module('umbraco')
- .controller('exampleLayoutController', layoutController);
-})();
\ No newline at end of file
diff --git a/src/UIExamples.Website/App_Plugins/uiexamples/layout/layout.html b/src/UIExamples.Website/App_Plugins/uiexamples/layout/layout.html
deleted file mode 100644
index 23ead28..0000000
--- a/src/UIExamples.Website/App_Plugins/uiexamples/layout/layout.html
+++ /dev/null
@@ -1,249 +0,0 @@
-
-
-
-
-
-
-
-
-
-
-
-
- <umb-load-indicator></umb-load-indicator>
-
-
-
-
-
-
-
-
-
-
-
-
- Justify
-
-
-
- <div class="flex justify-center"></div>
-
-
-
-
- Align items
-
-
-
- <div class="flex items-center"></div>
-
-
-
-
- Align Content
-
-
-
- <div class="flex content-center"></div>
-
-
-
-
-
content-start
-
-
One
thing
-
-
Third block
-
Four
thing
-
-
Final block
-
-
-
-
content-end
-
-
One
thing
-
-
Third block
-
Four
thing
-
-
Final block
-
-
-
-
content-center
-
-
One
thing
-
-
Third block
-
Four
thing
-
-
Final block
-
-
-
-
content-between
-
-
One
thing
-
-
Third block
-
Four
thing
-
-
Final block
-
-
-
-
content-around
-
-
One
thing
-
-
Third block
-
Four
thing
-
-
Final block
-
-
-
-
-
-
-
-
-
- Margin Top
-
-
-
-
- Margin right
-
-
- Margin Left
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-<div ng-controller="tabsController as vm">
- <umb-box>
- <umb-tabs-nav tabs="vm.tabs" on-tab-change="vm.changeTab(tab)">
- </umb-tabs-nav>
- <umb-tab-content ng-repeat="tab in vm.tabs" ng-show="tab.active" tab="tab">
- <div ng-if="tab.alias === 'tabOne'"></div>
- <div ng-if="tab.alias === 'tabTwo'"></div>
- </umb-tab-content>
- </umb-box>
-</div>
-
-
-
-
-(function () {
- 'use strict';
-
- function tabsController($scope, eventsService) {
-
- var vm = this;
-
- vm.changeTab = changeTab;
-
- vm.tabs = [
- {
- "alias": "tabOne",
- "label": "Tab 1",
- "active": true
- },
- {
- "alias": "tabTwo",
- "label": "Tab 2"
- }
- ];
-
- function changeTab(selectedTab) {
- vm.tabs.forEach(function (tab) {
- tab.active = false;
- });
- selectedTab.active = true;
- };
-
- eventsService.on("app.tabChange", function (event, args) {
- console.log("event", event);
- console.log("args", args);
- });
- };
-
- angular.module('umbraco')
- .controller('tabsController', tabsController);
-})();
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
\ No newline at end of file
diff --git a/src/UIExamples.Website/App_Plugins/uiexamples/umbbox/lang/en.xml b/src/UIExamples.Website/App_Plugins/uiexamples/umbbox/lang/en.xml
deleted file mode 100644
index fe37103..0000000
--- a/src/UIExamples.Website/App_Plugins/uiexamples/umbbox/lang/en.xml
+++ /dev/null
@@ -1,22 +0,0 @@
-
-
-
- The umb-box element
-
- The umb-box element (outlined in red) is used as a wrapper for boxes in Umbraco. It contains a header (outlined in blue) and content element (outlined in green) that are described below in more detail.
- ]]>
-
- The umb-box-header element
-
- The umb-box-header element is the top part of a box, above the horizontal line. It can contain a title and description or their language keys.
- Adding a button
-
Anything inside the umb-box-header element will be right aligned, just like the "API Documentation" button at the top of this current box. See the example below:
- ]]>
-
- The vm.linkAway method is a method in the angular controller, not a standard Umbraco thing. It calls window.open(url) on the passed in url.
- The umb-box-content element
- The umb-box-content element is anything within the box and under the header. It is a simple wrapper for whatever you wish to put inside, and comes with no special config options.
-
-
diff --git a/src/UIExamples.Website/App_Plugins/uiexamples/umbbox/package.manifest b/src/UIExamples.Website/App_Plugins/uiexamples/umbbox/package.manifest
deleted file mode 100644
index e254c9e..0000000
--- a/src/UIExamples.Website/App_Plugins/uiexamples/umbbox/package.manifest
+++ /dev/null
@@ -1,3 +0,0 @@
-{
- "javascript": [ "~/app_plugins/uiexamples/umbbox/umbbox.controller.js" ]
-}
diff --git a/src/UIExamples.Website/App_Plugins/uiexamples/umbbox/umbbox.controller.js b/src/UIExamples.Website/App_Plugins/uiexamples/umbbox/umbbox.controller.js
deleted file mode 100644
index ffa7f79..0000000
--- a/src/UIExamples.Website/App_Plugins/uiexamples/umbbox/umbbox.controller.js
+++ /dev/null
@@ -1,12 +0,0 @@
-
-(function () {
- 'use strict';
-
- function umbbox($scope, exampleResource) {
- var vm = this;
- vm.linkAway = exampleResource.linkAway;
- };
-
- angular.module('umbraco')
- .controller('umbboxController', umbbox);
-})();
\ No newline at end of file
diff --git a/src/UIExamples.Website/App_Plugins/uiexamples/umbbox/umbbox.html b/src/UIExamples.Website/App_Plugins/uiexamples/umbbox/umbbox.html
deleted file mode 100644
index 6034f4b..0000000
--- a/src/UIExamples.Website/App_Plugins/uiexamples/umbbox/umbbox.html
+++ /dev/null
@@ -1,83 +0,0 @@
-
-
-
-
-
-
-
-<umb-box>
- <umb-box-header title="this is a title"></umb-box-header>
- <umb-box-content>
- // Content here
- </umb-box-content>
-</umb-box>
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-<umb-box-content>
-</umb-box-content>
-
-
-
-
-
-
-
\ No newline at end of file
diff --git a/src/UIExamples.v9.Website/App_Plugins/uiexamples/buttons/buttons.controller.js b/src/UIExamples.v9.Website/App_Plugins/uiexamples/buttons/buttons.controller.js
deleted file mode 100644
index 13f5c63..0000000
--- a/src/UIExamples.v9.Website/App_Plugins/uiexamples/buttons/buttons.controller.js
+++ /dev/null
@@ -1,78 +0,0 @@
-
-(function () {
- 'use strict';
-
- function buttons($scope,
- localizationService,
- overlayService,
- exampleResource) {
-
- var vm = this;
- vm.doStuff = doStuff;
- vm.linkAway = exampleResource.linkAway;
-
- /// umb-button-group ///
-
- vm.buttonGroup = {
- defaultButton: {
- labelKey: "buttons_groupedButton_default",
- hotKey: "ctrl+d",
- hotKeyWhenHidden: true,
- buttonStyle: 'success',
- handler: function () {
- // do magic here
- alert("you clicked the default button");
- }
- },
- subButtons: [
- {
- labelKey: "buttons_groupedButton_subButtonA",
- hotKey: "ctrl+a",
- hotKeyWhenHidden: true,
- handler: function () {
- // do magic here
- alert("you clicked a sub button A");
- }
- },
- {
- labelKey: "buttons_groupedButton_subButtonB",
- hotKey: "ctrl+b",
- hotKeyWhenHidden: true,
- buttonStyle: 'success',
- handler: function () {
- // do magic here
- alert("you clicked a sub button B");
- }
- }
- ]
- };
-
- ///
-
- function doStuff () {
- openOverlay();
- };
-
- function openOverlay() {
-
- localizationService.localizeMany(["buttonsOverlayTitle", "buttonsOverlayMessage"])
- .then(function (values) {
-
- var overlay = {
- title: values[0],
- content: values[1],
- disableBackdropClick: true,
- disableEscKey: true,
- submit: function () {
- overlayService.close();
- }
- };
-
- overlayService.confirmDelete(overlay);
- });
- }
- };
-
- angular.module('umbraco')
- .controller('buttonsSectionController', buttons);
-})();
\ No newline at end of file
diff --git a/src/UIExamples.v9.Website/App_Plugins/uiexamples/buttons/buttons.html b/src/UIExamples.v9.Website/App_Plugins/uiexamples/buttons/buttons.html
deleted file mode 100644
index 7c41465..0000000
--- a/src/UIExamples.v9.Website/App_Plugins/uiexamples/buttons/buttons.html
+++ /dev/null
@@ -1,121 +0,0 @@
-
-
-
-
-
-
-
-
- <umb-button
- action="vm.doStuff()"
- label="Hello world"
- type="button"
- button-style="block | action | primary | info | success | warning | danger | inverse | link">
-</umb-button>
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- <umb-button-group
- button-style="block | action | primary | info | success | warning | danger | inverse | link"
- default-button="vm.buttonGroup.defaultButton"
- sub-buttons="vm.buttonGroup.subButtons"
- direction="up | down">
-</umb-button-group>
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
\ No newline at end of file
diff --git a/src/UIExamples.v9.Website/App_Plugins/uiexamples/buttons/lang/en.xml b/src/UIExamples.v9.Website/App_Plugins/uiexamples/buttons/lang/en.xml
deleted file mode 100644
index edb3131..0000000
--- a/src/UIExamples.v9.Website/App_Plugins/uiexamples/buttons/lang/en.xml
+++ /dev/null
@@ -1,18 +0,0 @@
-
-
-
- umb-button
- Render a styled button
-
-
-
- umb-grouped-button
- Render a grouped button
- This is an example of a button group, you can see a few examples rendered down below.
- Grouped style 'info'
- Sub Button A
- Sub Button B
-
-
\ No newline at end of file
diff --git a/src/UIExamples.v9.Website/App_Plugins/uiexamples/buttons/package.manifest b/src/UIExamples.v9.Website/App_Plugins/uiexamples/buttons/package.manifest
deleted file mode 100644
index cb2c959..0000000
--- a/src/UIExamples.v9.Website/App_Plugins/uiexamples/buttons/package.manifest
+++ /dev/null
@@ -1,3 +0,0 @@
-{
- "javascript": [ "~/app_plugins/uiexamples/buttons/buttons.controller.js" ]
-}
diff --git a/src/UIExamples.v9.Website/App_Plugins/uiexamples/dialogs/dialogs.controller.js b/src/UIExamples.v9.Website/App_Plugins/uiexamples/dialogs/dialogs.controller.js
deleted file mode 100644
index a2711d8..0000000
--- a/src/UIExamples.v9.Website/App_Plugins/uiexamples/dialogs/dialogs.controller.js
+++ /dev/null
@@ -1,77 +0,0 @@
-(function () {
- 'use strict';
-
-
- function dialogsController($scope, overlayService) {
-
- var vm = this;
-
- vm.openConfirmOverlay = openConfirmOverlay;
- vm.openCustomOverlay = openCustomOverlay;
-
- function openConfirmOverlay(content, confirmType) {
-
- var options = {
- title: 'Simple',
- content: content,
- disableBackdropClick: true,
- disableEscKey: true,
- confirmType: confirmType, // type of confirmation.
- submit: function () {
- overlayService.close();
- }
- };
-
- overlayService.confirm(options);
-
- }
-
- function openCustomOverlay() {
-
-
- var options = {
- view: Umbraco.Sys.ServerVariables.umbracoSettings.appPluginsPath + '/uiexamples/dialogs/overlays/customOverlay.html',
- title: 'Custom overlay',
- description: 'A custom view in an overlay',
- disableBackdropClick: true,
- disableEscKey: true,
- submitButtonLabel: 'Do Things',
- closeButtonLable: 'Close',
- submit: function (model) {
-
- // multi-step overlay, will still call the submit
- // as its the only button,
- // but you can use values in the model, to check
- // if you are ready to close.
- // simple example, we have a process function
- // (in the overlay's controller) that does stuff
- // and sets complete when done.
-
- // when complete is true, we close the overlay.
- // until then we keep calling process.
-
- if (model.complete) {
- overlayService.close();
- }
- else {
- model.process();
- }
-
- },
- close: function () {
- overlayService.close();
- }
-
- }
-
- overlayService.open(options);
-
- }
-
-
- }
-
- angular.module('umbraco')
- .controller('exampleDialogController', dialogsController);
-
-})();
\ No newline at end of file
diff --git a/src/UIExamples.v9.Website/App_Plugins/uiexamples/dialogs/dialogs.html b/src/UIExamples.v9.Website/App_Plugins/uiexamples/dialogs/dialogs.html
deleted file mode 100644
index 07ba046..0000000
--- a/src/UIExamples.v9.Website/App_Plugins/uiexamples/dialogs/dialogs.html
+++ /dev/null
@@ -1,47 +0,0 @@
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
diff --git a/src/UIExamples.v9.Website/App_Plugins/uiexamples/dialogs/lang/en.xml b/src/UIExamples.v9.Website/App_Plugins/uiexamples/dialogs/lang/en.xml
deleted file mode 100644
index c9f938b..0000000
--- a/src/UIExamples.v9.Website/App_Plugins/uiexamples/dialogs/lang/en.xml
+++ /dev/null
@@ -1,23 +0,0 @@
-
-
-
- Overlay Dialogs
- Overlays give you a 'modal' dialog across the whole screen
-
-
- The overlay service has a confirm option built, in with this you can quickly create a confirm
- dialog, to present your users with a simple option.
- ]]>
-
-
- Custom overlay
- Custom overlays give you more control
-
-
- For more custom options you need to provide a view and a custom controller to manage what
- happens inside the overlay.
- With this method you can control the submit and close process so you can (with a little fangling)
- have muilt-step processes inside the overlay window.
]]>
-
-
-
\ No newline at end of file
diff --git a/src/UIExamples.v9.Website/App_Plugins/uiexamples/dialogs/overlays/customoverlay.controller.js b/src/UIExamples.v9.Website/App_Plugins/uiexamples/dialogs/overlays/customoverlay.controller.js
deleted file mode 100644
index 3e681bd..0000000
--- a/src/UIExamples.v9.Website/App_Plugins/uiexamples/dialogs/overlays/customoverlay.controller.js
+++ /dev/null
@@ -1,43 +0,0 @@
-(function () {
- 'use strict';
-
- function customOverlayController($scope) {
-
- var vm = this;
- $scope.model.complete = false;
-
- vm.step = 1;
-
- vm.icon = 'icon-box';
-
- vm.content = 'A custom overlay.'
-
- // add method to model, so we can call it from parent
- $scope.model.process = process;
-
- function process() {
-
- vm.step++;
- $scope.model.description = 'Step ' + vm.step;
-
- switch (vm.step) {
- case 2:
- vm.icon = 'icon-sprout';
- vm.content = 'Do another thing';
- $scope.model.submitButtonLabel = 'One last thing';
- break;
- case 3:
- vm.icon = 'icon-check color-green';
- vm.content = 'We are done now';
- $scope.model.submitButtonLabel = 'Finish';
- $scope.model.complete = true;
- break;
- }
-
-
- }
- }
-
- angular.module('umbraco')
- .controller('exampleCustomOverlayController', customOverlayController);
-})();
\ No newline at end of file
diff --git a/src/UIExamples.v9.Website/App_Plugins/uiexamples/dialogs/overlays/customoverlay.html b/src/UIExamples.v9.Website/App_Plugins/uiexamples/dialogs/overlays/customoverlay.html
deleted file mode 100644
index 07501ea..0000000
--- a/src/UIExamples.v9.Website/App_Plugins/uiexamples/dialogs/overlays/customoverlay.html
+++ /dev/null
@@ -1,6 +0,0 @@
-
\ No newline at end of file
diff --git a/src/UIExamples.v9.Website/App_Plugins/uiexamples/dialogs/package.manifest b/src/UIExamples.v9.Website/App_Plugins/uiexamples/dialogs/package.manifest
deleted file mode 100644
index 8e29d62..0000000
--- a/src/UIExamples.v9.Website/App_Plugins/uiexamples/dialogs/package.manifest
+++ /dev/null
@@ -1,6 +0,0 @@
-{
- "javascript": [
- "~/app_plugins/uiexamples/dialogs/dialogs.controller.js",
- "~/app_plugins/uiexamples/dialogs/overlays/customoverlay.controller.js"
- ]
-}
\ No newline at end of file
diff --git a/src/UIExamples.v9.Website/App_Plugins/uiexamples/editorPanels/lang/en.xml b/src/UIExamples.v9.Website/App_Plugins/uiexamples/editorPanels/lang/en.xml
deleted file mode 100644
index b098e3f..0000000
--- a/src/UIExamples.v9.Website/App_Plugins/uiexamples/editorPanels/lang/en.xml
+++ /dev/null
@@ -1,40 +0,0 @@
-
-
-
- The umb-editor-footer element
-
- The umb-editor-footer element (outlined in red) is used as a container to display a footer on the current editor screen in Umbraco. It contains a left (outlined in blue) and right element (outlined in green). For example, these are used in Umbraco to display a breadcrumb and the save/publish buttons while editing content.
- ]]>
-
- The umb-editor-header element
-
- The umbEditorHeader directive is used to display the header if things like DocumentTypes, MemberTypes and so on are edited. It has input boxes for icon, name, description and alias.
- Directive attributes:
-
- - name
- - nameLocked
- - nameRequired
- - menu
- - hideActionsMenu
- - icon
- - hideIcon
- - alias
- - aliasLocked
- - hideAlias
- - description
- - hideDescription
- - descriptionLocked
- - navigation
- - onSelectNavigationItem
- - key
- - onBack
- - showBackButton
- - editorfor
- - setpagetitle
-
- ]]>
-
-
-
\ No newline at end of file
diff --git a/src/UIExamples.v9.Website/App_Plugins/uiexamples/editorPanels/package.manifest b/src/UIExamples.v9.Website/App_Plugins/uiexamples/editorPanels/package.manifest
deleted file mode 100644
index 1ecc138..0000000
--- a/src/UIExamples.v9.Website/App_Plugins/uiexamples/editorPanels/package.manifest
+++ /dev/null
@@ -1,6 +0,0 @@
-{
- "css": [ "~/app_plugins/uiexamples/editorPanels/panels.css" ],
- "javascript": [
- "~/app_plugins/uiexamples/editorPanels/panels.controller.js"
- ]
-}
\ No newline at end of file
diff --git a/src/UIExamples.v9.Website/App_Plugins/uiexamples/editorPanels/panels.controller.js b/src/UIExamples.v9.Website/App_Plugins/uiexamples/editorPanels/panels.controller.js
deleted file mode 100644
index 14d5b89..0000000
--- a/src/UIExamples.v9.Website/App_Plugins/uiexamples/editorPanels/panels.controller.js
+++ /dev/null
@@ -1,14 +0,0 @@
-(function () {
- 'use strict';
-
- function panelsController($scope, exampleResource) {
-
- var vm = this;
-
- vm.loading = true;
-
- vm.linkAway = exampleResource.linkAway;
- };
-
- angular.module('umbraco').controller('panelsController', panelsController);
-})();
\ No newline at end of file
diff --git a/src/UIExamples.v9.Website/App_Plugins/uiexamples/editorPanels/panels.css b/src/UIExamples.v9.Website/App_Plugins/uiexamples/editorPanels/panels.css
deleted file mode 100644
index e11c7ed..0000000
--- a/src/UIExamples.v9.Website/App_Plugins/uiexamples/editorPanels/panels.css
+++ /dev/null
@@ -1,18 +0,0 @@
-.editor-panels-container{}
-
-.editor-panels-container .red-outline-dotted{
- border: 1px dotted red;
-}
-
-.editor-panels-container .blue-outline-dotted {
- border: 1px dotted blue;
-}
-
-.editor-panels-container .green-outline-dotted {
- border: 1px dotted green;
-}
-
-.editor-panels-container .umb-editor-footer,
-.editor-panels-container .umb-editor-header {
- position: relative;
-}
\ No newline at end of file
diff --git a/src/UIExamples.v9.Website/App_Plugins/uiexamples/editorPanels/panels.html b/src/UIExamples.v9.Website/App_Plugins/uiexamples/editorPanels/panels.html
deleted file mode 100644
index f869395..0000000
--- a/src/UIExamples.v9.Website/App_Plugins/uiexamples/editorPanels/panels.html
+++ /dev/null
@@ -1,65 +0,0 @@
-
-
-
-
-
-
- Left
-
-
- Right
-
-
-
-
-<umb-editor-footer>
- <umb-editor-footer-content-left>
- Left
- </umb-editor-footer-content-left>
- <umb-editor-footer-content-right>
- Right
- </umb-editor-footer-content-right>
-</umb-editor-footer>
-
-
-
-
-
-
-
-
-
-
-
-
-<umb-editor-header name="'TestName'" name-locked="true"
- icon="'icon-screenshare'" alias="'testName'" alias-locked="true"
- description="'Description'"
- description-locked="true"
- hide-alias="true"
- show-back-button="true">
-</umb-editor-header>
-
-
-
-
-
\ No newline at end of file
diff --git a/src/UIExamples.v9.Website/App_Plugins/uiexamples/icons/iconoverlay.controller.js b/src/UIExamples.v9.Website/App_Plugins/uiexamples/icons/iconoverlay.controller.js
deleted file mode 100644
index 9bb9dd3..0000000
--- a/src/UIExamples.v9.Website/App_Plugins/uiexamples/icons/iconoverlay.controller.js
+++ /dev/null
@@ -1,34 +0,0 @@
-(function () {
- 'use strict';
-
- function overlayController() {
-
- var vm = this;
-
- vm.colors = [
- { name: "Black", value: "color-black", default: true },
- { name: "Blue Grey", value: "color-blue-grey" },
- { name: "Grey", value: "color-grey" },
- { name: "Brown", value: "color-brown" },
- { name: "Blue", value: "color-blue" },
- { name: "Light Blue", value: "color-light-blue" },
- { name: "Indigo", value: "color-indigo" },
- { name: "Purple", value: "color-purple" },
- { name: "Deep Purple", value: "color-deep-purple" },
- { name: "Cyan", value: "color-cyan" },
- { name: "Green", value: "color-green" },
- { name: "Light Green", value: "color-light-green" },
- { name: "Lime", value: "color-lime" },
- { name: "Yellow", value: "color-yellow" },
- { name: "Amber", value: "color-amber" },
- { name: "Orange", value: "color-orange" },
- { name: "Deep Orange", value: "color-deep-orange" },
- { name: "Red", value: "color-red" },
- { name: "Pink", value: "color-pink" }
- ];
-
- }
-
- angular.module('umbraco')
- .controller('exampleSectionIconsOverlayController', overlayController);
-})();
\ No newline at end of file
diff --git a/src/UIExamples.v9.Website/App_Plugins/uiexamples/icons/iconoverlay.html b/src/UIExamples.v9.Website/App_Plugins/uiexamples/icons/iconoverlay.html
deleted file mode 100644
index a7defa0..0000000
--- a/src/UIExamples.v9.Website/App_Plugins/uiexamples/icons/iconoverlay.html
+++ /dev/null
@@ -1,14 +0,0 @@
-
-
-
-
-
-
-
-
<umb-icon icon="{{model.icon.name}}" class="{{vm.activeColor.value}}"></umb-icon>
-
-
-
-
-
-
-
-
-
-
-
- <umb-icon
- icon="icon-{name}">
- class="small | medium | large">
-</umb-icon>
-
-
-
- small 14px medium 24px large 32px
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
\ No newline at end of file
diff --git a/src/UIExamples.v9.Website/App_Plugins/uiexamples/lang/en.xml b/src/UIExamples.v9.Website/App_Plugins/uiexamples/lang/en.xml
deleted file mode 100644
index b6ba465..0000000
--- a/src/UIExamples.v9.Website/App_Plugins/uiexamples/lang/en.xml
+++ /dev/null
@@ -1,20 +0,0 @@
-
-
-
- API Documentation
-
-
- UIExamples
-
-
- UI Examples
- A backoffice component library as a package
-
- This package is developed and maintained by the Umbraco Package Team.
- It contains a quick overview of several backoffice elements and shows you how to use them. The package is also great reference material, if you see something within this section that isn't covered on one of the tabs you can go to your App_Plugins folder and check the source.
- Everything in this package is frontend only (except for a bit of code that automatically adds this section to all user groups).
- ]]>
-
-
-
\ No newline at end of file
diff --git a/src/UIExamples.v9.Website/App_Plugins/uiexamples/layout/lang/en.xml b/src/UIExamples.v9.Website/App_Plugins/uiexamples/layout/lang/en.xml
deleted file mode 100644
index ac7fb14..0000000
--- a/src/UIExamples.v9.Website/App_Plugins/uiexamples/layout/lang/en.xml
+++ /dev/null
@@ -1,36 +0,0 @@
-
-
-
-
-
- Loading indicator
- Display a loading indicator while things setup
- The umbraco load indicator allows you to show the three progress 'bubbles' while your page initializes or you do work that will take some time.
- Click the button below for an example, or try it yourself using this sample code:
- ]]>
- Start loading
- Stop loading
-
-
- Layout
- Classes to aid page layout
-
-
- Umbraco contains many helper methods for controlling how a flexbox and its child items are rendered.
- For a complete rundown of flexbox behaviour see a guide to flexbox.
- ]]>
- Jusfiy content within a flex layout - good for spacing your content across the page.
- Align items within the flex layout, good for aligning text and image boxes of different sizes.
- Align content within a flex layout, good for controlling how boxes flow across the page.
-
-
-
- Margins
- Classes to help with the margins between items
-
- Umbraco's spacing styles]]>
-
-
-
\ No newline at end of file
diff --git a/src/UIExamples.v9.Website/App_Plugins/uiexamples/layout/layout.controller.js b/src/UIExamples.v9.Website/App_Plugins/uiexamples/layout/layout.controller.js
deleted file mode 100644
index 93a3787..0000000
--- a/src/UIExamples.v9.Website/App_Plugins/uiexamples/layout/layout.controller.js
+++ /dev/null
@@ -1,19 +0,0 @@
-(function () {
- 'use strict';
-
- function layoutController($scope, exampleResource) {
- var vm = this;
- vm.loading = false;
-
- vm.toggleLoading = toggleLoading;
-
- function toggleLoading() {
- vm.loading = !vm.loading;
- }
-
- vm.linkAway = exampleResource.linkAway;
- }
-
- angular.module('umbraco')
- .controller('exampleLayoutController', layoutController);
-})();
\ No newline at end of file
diff --git a/src/UIExamples.v9.Website/App_Plugins/uiexamples/layout/layout.html b/src/UIExamples.v9.Website/App_Plugins/uiexamples/layout/layout.html
deleted file mode 100644
index 23ead28..0000000
--- a/src/UIExamples.v9.Website/App_Plugins/uiexamples/layout/layout.html
+++ /dev/null
@@ -1,249 +0,0 @@
-
-
-
-
-
-
-
-
-
-
-
-
- <umb-load-indicator></umb-load-indicator>
-
-
-
-
-
-
-
-
-
-
-
-
- Justify
-
-
-
- <div class="flex justify-center"></div>
-
-
-
-
- Align items
-
-
-
- <div class="flex items-center"></div>
-
-
-
-
- Align Content
-
-
-
- <div class="flex content-center"></div>
-
-
-
-
-
content-start
-
-
One
thing
-
-
Third block
-
Four
thing
-
-
Final block
-
-
-
-
content-end
-
-
One
thing
-
-
Third block
-
Four
thing
-
-
Final block
-
-
-
-
content-center
-
-
One
thing
-
-
Third block
-
Four
thing
-
-
Final block
-
-
-
-
content-between
-
-
One
thing
-
-
Third block
-
Four
thing
-
-
Final block
-
-
-
-
content-around
-
-
One
thing
-
-
Third block
-
Four
thing
-
-
Final block
-
-
-
-
-
-
-
-
-
- Margin Top
-
-
-
-
- Margin right
-
-
- Margin Left
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-<div ng-controller="tabsController as vm">
- <umb-box>
- <umb-tabs-nav tabs="vm.tabs" on-tab-change="vm.changeTab(tab)">
- </umb-tabs-nav>
- <umb-tab-content ng-repeat="tab in vm.tabs" ng-show="tab.active" tab="tab">
- <div ng-if="tab.alias === 'tabOne'"></div>
- <div ng-if="tab.alias === 'tabTwo'"></div>
- </umb-tab-content>
- </umb-box>
-</div>
-
-
-
-
-(function () {
- 'use strict';
-
- function tabsController($scope, eventsService) {
-
- var vm = this;
-
- vm.changeTab = changeTab;
-
- vm.tabs = [
- {
- "alias": "tabOne",
- "label": "Tab 1",
- "active": true
- },
- {
- "alias": "tabTwo",
- "label": "Tab 2"
- }
- ];
-
- function changeTab(selectedTab) {
- vm.tabs.forEach(function (tab) {
- tab.active = false;
- });
- selectedTab.active = true;
- };
-
- eventsService.on("app.tabChange", function (event, args) {
- console.log("event", event);
- console.log("args", args);
- });
- };
-
- angular.module('umbraco')
- .controller('tabsController', tabsController);
-})();
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
\ No newline at end of file
diff --git a/src/UIExamples.v9.Website/App_Plugins/uiexamples/umbbox/lang/en.xml b/src/UIExamples.v9.Website/App_Plugins/uiexamples/umbbox/lang/en.xml
deleted file mode 100644
index fe37103..0000000
--- a/src/UIExamples.v9.Website/App_Plugins/uiexamples/umbbox/lang/en.xml
+++ /dev/null
@@ -1,22 +0,0 @@
-
-
-
- The umb-box element
-
- The umb-box element (outlined in red) is used as a wrapper for boxes in Umbraco. It contains a header (outlined in blue) and content element (outlined in green) that are described below in more detail.
- ]]>
-
- The umb-box-header element
-
- The umb-box-header element is the top part of a box, above the horizontal line. It can contain a title and description or their language keys.
- Adding a button
-
Anything inside the umb-box-header element will be right aligned, just like the "API Documentation" button at the top of this current box. See the example below:
- ]]>
-
- The vm.linkAway method is a method in the angular controller, not a standard Umbraco thing. It calls window.open(url) on the passed in url.
- The umb-box-content element
- The umb-box-content element is anything within the box and under the header. It is a simple wrapper for whatever you wish to put inside, and comes with no special config options.
-
-
diff --git a/src/UIExamples.v9.Website/App_Plugins/uiexamples/umbbox/package.manifest b/src/UIExamples.v9.Website/App_Plugins/uiexamples/umbbox/package.manifest
deleted file mode 100644
index e254c9e..0000000
--- a/src/UIExamples.v9.Website/App_Plugins/uiexamples/umbbox/package.manifest
+++ /dev/null
@@ -1,3 +0,0 @@
-{
- "javascript": [ "~/app_plugins/uiexamples/umbbox/umbbox.controller.js" ]
-}
diff --git a/src/UIExamples.v9.Website/App_Plugins/uiexamples/umbbox/umbbox.controller.js b/src/UIExamples.v9.Website/App_Plugins/uiexamples/umbbox/umbbox.controller.js
deleted file mode 100644
index ffa7f79..0000000
--- a/src/UIExamples.v9.Website/App_Plugins/uiexamples/umbbox/umbbox.controller.js
+++ /dev/null
@@ -1,12 +0,0 @@
-
-(function () {
- 'use strict';
-
- function umbbox($scope, exampleResource) {
- var vm = this;
- vm.linkAway = exampleResource.linkAway;
- };
-
- angular.module('umbraco')
- .controller('umbboxController', umbbox);
-})();
\ No newline at end of file
diff --git a/src/UIExamples.v9.Website/App_Plugins/uiexamples/umbbox/umbbox.html b/src/UIExamples.v9.Website/App_Plugins/uiexamples/umbbox/umbbox.html
deleted file mode 100644
index 6034f4b..0000000
--- a/src/UIExamples.v9.Website/App_Plugins/uiexamples/umbbox/umbbox.html
+++ /dev/null
@@ -1,83 +0,0 @@
-
-
-
-
-
-
-
-<umb-box>
- <umb-box-header title="this is a title"></umb-box-header>
- <umb-box-content>
- // Content here
- </umb-box-content>
-</umb-box>
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-<umb-box-content>
-</umb-box-content>
-
-
-
-
-
-
-
\ No newline at end of file