From 0db5de58b697e75078e29fa8ba46c660b9b85613 Mon Sep 17 00:00:00 2001 From: Adam Bradley Date: Mon, 26 Aug 2013 11:32:44 -0500 Subject: [PATCH] new example page --- example/adams/app.css | 3 ++ example/adams/app.js | 2 + example/{ => adams}/bar.html | 0 example/adams/buttons.html | 69 ++++++++++++++++++++++++ example/{ => adams}/events.html | 0 example/{ => adams}/events.js | 0 example/{ => adams}/grid.html | 0 example/adams/index.html | 71 +++++++++++++++++++++++++ example/{ => adams}/listview.html | 0 example/alerts.html | 27 ++++++++++ example/app.css | 30 +++++++++-- example/app.js | 47 ++++++++++++++++- example/button-groups.html | 34 ++++++++++++ example/buttons.html | 49 ++++------------- example/footers.html | 27 ++++++++++ example/grids.html | 27 ++++++++++ example/headers.html | 27 ++++++++++ example/index.html | 72 +++++++++---------------- example/input-slider.html | 27 ++++++++++ example/input-text.html | 27 ++++++++++ example/input-toggle.html | 27 ++++++++++ example/lists.html | 87 +++++++++++++++++++++++++++++++ example/modals.html | 27 ++++++++++ example/panels.html | 27 ++++++++++ example/popovers.html | 27 ++++++++++ example/pull-to-refresh.html | 27 ++++++++++ example/tab-bars.html | 27 ++++++++++ 27 files changed, 698 insertions(+), 90 deletions(-) create mode 100644 example/adams/app.css create mode 100644 example/adams/app.js rename example/{ => adams}/bar.html (100%) create mode 100644 example/adams/buttons.html rename example/{ => adams}/events.html (100%) rename example/{ => adams}/events.js (100%) rename example/{ => adams}/grid.html (100%) create mode 100644 example/adams/index.html rename example/{ => adams}/listview.html (100%) create mode 100644 example/alerts.html create mode 100644 example/button-groups.html create mode 100644 example/footers.html create mode 100644 example/grids.html create mode 100644 example/headers.html create mode 100644 example/input-slider.html create mode 100644 example/input-text.html create mode 100644 example/input-toggle.html create mode 100644 example/lists.html create mode 100644 example/modals.html create mode 100644 example/panels.html create mode 100644 example/popovers.html create mode 100644 example/pull-to-refresh.html create mode 100644 example/tab-bars.html diff --git a/example/adams/app.css b/example/adams/app.css new file mode 100644 index 0000000000..11717a8b04 --- /dev/null +++ b/example/adams/app.css @@ -0,0 +1,3 @@ +a { + color: #222; +} \ No newline at end of file diff --git a/example/adams/app.js b/example/adams/app.js new file mode 100644 index 0000000000..9df23f9be9 --- /dev/null +++ b/example/adams/app.js @@ -0,0 +1,2 @@ + +document.addEventListener('ontouchstart', function() {}); diff --git a/example/bar.html b/example/adams/bar.html similarity index 100% rename from example/bar.html rename to example/adams/bar.html diff --git a/example/adams/buttons.html b/example/adams/buttons.html new file mode 100644 index 0000000000..425039d458 --- /dev/null +++ b/example/adams/buttons.html @@ -0,0 +1,69 @@ + + + + Example + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ +
+ +
+

+ Default + Secondary + Primary + Info + Success + Warning + Danger + Dark +

+

+

+ Success + Warning + Danger + Dark +
+

+
+ +
+ +
+ + + + + + + + + + + diff --git a/example/events.html b/example/adams/events.html similarity index 100% rename from example/events.html rename to example/adams/events.html diff --git a/example/events.js b/example/adams/events.js similarity index 100% rename from example/events.js rename to example/adams/events.js diff --git a/example/grid.html b/example/adams/grid.html similarity index 100% rename from example/grid.html rename to example/adams/grid.html diff --git a/example/adams/index.html b/example/adams/index.html new file mode 100644 index 0000000000..78410f4df2 --- /dev/null +++ b/example/adams/index.html @@ -0,0 +1,71 @@ + + + + Example + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ +
+ + + +

Willkommen!

+ + + +
+ +
+

+ Button Examples +

+

+ List View Example +

+

+ Grid Example +

+
+ +
+

Auf Wiedersehen

+
+ +
+ + + + + + + + + + + + diff --git a/example/listview.html b/example/adams/listview.html similarity index 100% rename from example/listview.html rename to example/adams/listview.html diff --git a/example/alerts.html b/example/alerts.html new file mode 100644 index 0000000000..6ea1d49583 --- /dev/null +++ b/example/alerts.html @@ -0,0 +1,27 @@ + + + + Alerts + + + + + + + + + +
+ +
+

Alerts

+
+ +
+ +
+ +
+ + + diff --git a/example/app.css b/example/app.css index 11717a8b04..93186a5249 100644 --- a/example/app.css +++ b/example/app.css @@ -1,3 +1,27 @@ -a { - color: #222; -} \ No newline at end of file +.pane { + position: fixed; + width: 100%; +} +.reveal-animation { + /* + -webkit-transform: translate3d(0%, 0, 0); + transform: translate3d(0%, 0, 0); + + -webkit-transition: -webkit-transform 1s ease-in-out; + transition: transform 1s ease-in-out; + */ +} +.reveal-animation.ng-enter { + -webkit-transition: 0.2s linear all; + -webkit-transform:translate3d(100%,0,0) ; +} +.reveal-animation.ng-enter-active { + -webkit-transform:translate3d(0,0,0) ; +} +.reveal-animation.ng-leave { + -webkit-transition: 0.2s linear all; + -webkit-transform:translate3d(0,0,0); +} +.reveal-animation.ng-leave-active { + -webkit-transform:translate3d(-100%,0,0); +} diff --git a/example/app.js b/example/app.js index 9df23f9be9..6bf8c7e8ab 100644 --- a/example/app.js +++ b/example/app.js @@ -1,2 +1,47 @@ +document.addEventListener('touchstart', function() {}); -document.addEventListener('ontouchstart', function() {}); +var app = angular.module('peopleApp', ['ngRoute', 'ngAnimate']); + +app.config( ["$routeProvider", function($routeProvider){ + $routeProvider.when("/customers", {"templateUrl" : "customers.html", controller: 'CustomersCtrl'}); + $routeProvider.when("/customer/:id", {"templateUrl" : "customer.html", controller: 'CustomerCtrl'}); + $routeProvider.otherwise({"redirectTo":"/customers"}); + + }] +); + +app.provider('Customers', function() { + var customers = [ + {'name': 'Max Lynch', id: 1}, + {'name': 'Max Lynch', id: 2}, + {'name': 'Max Lynch', id: 3}, + {'name': 'Max Lynch', id: 4}, + {'name': 'Max Lynch', id: 5}, + {'name': 'Max Lynch', id: 6}, + {'name': 'Max Lynch', id: 7}, + {'name': 'Max Lynch', id: 8}, + {'name': 'Max Lynch', id: 9}, + {'name': 'Max Lynch', id: 10}, + {'name': 'Max Lynch', id: 11}, + ]; + + this.$get = function() { + return { + list: customers, + getById: function(id) { + for(var i = 0; i < this.list.length; i++) { if(this.list[i].id == id) return this.list[i]; } + } + } + } +}); + +app.controller('CustomersCtrl', function($scope, Customers) { + $scope.customers = Customers; +}); + +app.controller('CustomerCtrl', function($scope, $routeParams, Customers) { + var id = $routeParams.id; + var customer = Customers.getById(id); + $scope.customer = customer; + console.log('Showing user', id, customer); +}); diff --git a/example/button-groups.html b/example/button-groups.html new file mode 100644 index 0000000000..bee5176521 --- /dev/null +++ b/example/button-groups.html @@ -0,0 +1,34 @@ + + + + Button Group + + + + + + + + + +
+ +
+

Button Group

+
+ +
+

+

+ Success + Warning + Danger + Dark +
+

+
+ +
+ + + diff --git a/example/buttons.html b/example/buttons.html index 425039d458..fb61bc6b00 100644 --- a/example/buttons.html +++ b/example/buttons.html @@ -1,36 +1,27 @@ - Example + Buttons - - - - - - - - - - - - - - - - + - + + + + + - +
-
+
+

Buttons

+

@@ -43,27 +34,9 @@ Danger Dark

-

-

- Success - Warning - Danger - Dark -
-

-
-
- - - - - - - - diff --git a/example/footers.html b/example/footers.html new file mode 100644 index 0000000000..04f09ff8ce --- /dev/null +++ b/example/footers.html @@ -0,0 +1,27 @@ + + + + Footers + + + + + + + + + +
+ +
+

Footers

+
+ +
+ +
+ +
+ + + diff --git a/example/grids.html b/example/grids.html new file mode 100644 index 0000000000..1b2e1d953a --- /dev/null +++ b/example/grids.html @@ -0,0 +1,27 @@ + + + + Grids + + + + + + + + + +
+ +
+

Grids

+
+ +
+ +
+ +
+ + + diff --git a/example/headers.html b/example/headers.html new file mode 100644 index 0000000000..57f281f61c --- /dev/null +++ b/example/headers.html @@ -0,0 +1,27 @@ + + + + Header + + + + + + + + + +
+ +
+

Header

+
+ +
+ +
+ +
+ + + diff --git a/example/index.html b/example/index.html index 78410f4df2..bdea5fc6b7 100644 --- a/example/index.html +++ b/example/index.html @@ -5,67 +5,43 @@ - - - - - - - - - - - - - - - - + - + + + + +
-
- - - -

Willkommen!

- - - +
+

Framework!!

-
-

- Button Examples -

-

- List View Example -

-

- Grid Example -

+
+

Alerts

+

Buttons

+

Button Groups

+

Footers

+

Grids

+

Headers

+

Input: Slider

+

Input: Text

+

Input: Toggle

+

Lists

+

Modals

+

Panels

+

Popovers

+

Pull To Refresh

+

Tab Bars

-
-

Auf Wiedersehen

-
-
- - - - - - - - - diff --git a/example/input-slider.html b/example/input-slider.html new file mode 100644 index 0000000000..f117bcb0b2 --- /dev/null +++ b/example/input-slider.html @@ -0,0 +1,27 @@ + + + + Input: Slider + + + + + + + + + +
+ +
+

Input: Slider

+
+ +
+ +
+ +
+ + + diff --git a/example/input-text.html b/example/input-text.html new file mode 100644 index 0000000000..c810d1f7a5 --- /dev/null +++ b/example/input-text.html @@ -0,0 +1,27 @@ + + + + Input: Text + + + + + + + + + +
+ +
+

Input: Text

+
+ +
+ +
+ +
+ + + diff --git a/example/input-toggle.html b/example/input-toggle.html new file mode 100644 index 0000000000..c89636d46a --- /dev/null +++ b/example/input-toggle.html @@ -0,0 +1,27 @@ + + + + Input: Toggle + + + + + + + + + +
+ +
+

Input: Toggle

+
+ +
+ +
+ +
+ + + diff --git a/example/lists.html b/example/lists.html new file mode 100644 index 0000000000..b7dfec171d --- /dev/null +++ b/example/lists.html @@ -0,0 +1,87 @@ + + + + Lists + + + + + + + + + + + + + + + +
+ +
+

Customers

+
+ +
+ +
+ +
+ + + diff --git a/example/modals.html b/example/modals.html new file mode 100644 index 0000000000..e49449fd01 --- /dev/null +++ b/example/modals.html @@ -0,0 +1,27 @@ + + + + Modals + + + + + + + + + +
+ +
+

Modals

+
+ +
+ +
+ +
+ + + diff --git a/example/panels.html b/example/panels.html new file mode 100644 index 0000000000..3085d9bb61 --- /dev/null +++ b/example/panels.html @@ -0,0 +1,27 @@ + + + + Panels + + + + + + + + + +
+ +
+

Panels

+
+ +
+ +
+ +
+ + + diff --git a/example/popovers.html b/example/popovers.html new file mode 100644 index 0000000000..04a6be3cde --- /dev/null +++ b/example/popovers.html @@ -0,0 +1,27 @@ + + + + Popovers + + + + + + + + + +
+ +
+

Popovers

+
+ +
+ +
+ +
+ + + diff --git a/example/pull-to-refresh.html b/example/pull-to-refresh.html new file mode 100644 index 0000000000..c08adb06b3 --- /dev/null +++ b/example/pull-to-refresh.html @@ -0,0 +1,27 @@ + + + + Pull To Refresh + + + + + + + + + +
+ +
+

Pull To Refresh

+
+ +
+ +
+ +
+ + + diff --git a/example/tab-bars.html b/example/tab-bars.html new file mode 100644 index 0000000000..cdb4d95c7d --- /dev/null +++ b/example/tab-bars.html @@ -0,0 +1,27 @@ + + + + Tab Bars + + + + + + + + + +
+ +
+

Tab Bars

+
+ +
+ +
+ +
+ + +