javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-11-06 22:29:44 +08:00
Code Issues Packages Projects Releases Wiki Activity

Working on example app

Browse Source
This commit is contained in:
Max Lynch
2013-08-28 11:27:10 -05:00
parent b013b42621
commit b62a42aa6a
6 changed files with 34 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
.gitignore vendored
View File

@ -1,6 +1,7 @@
.DS_Store .DS_Store
*.sw[mnpcod] *.sw[mnpcod]
example/cordova/iOS/www/js/framework
.sass-cache/ .sass-cache/
framework.sublime-project framework.sublime-project

BIN
example/cordova/iOS/CodiqaProject.xcodeproj/project.xcworkspace/xcuserdata/driftyadmin.xcuserdatad/UserInterfaceState.xcuserstate generated
View File

Binary file not shown.

33
example/cordova/iOS/www/index.html
View File

@ -6,30 +6,37 @@
<meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height, target-densitydpi=device-dpi" /> <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height, target-densitydpi=device-dpi" />
<link rel="stylesheet" href="css/framework.css"> <link rel="stylesheet" href="css/framework.css">
<script src="js/angular-1.2.0rc1.min.js"></script> <script src="js/angular-1.2.0rc1.min.js"></script>
<script src="js/angular-touch.js"></script>
</head> </head>
<body ng-app="Chat"> <body ng-app="Chat">
<section class="panel-page-container"> <section class="panel-page-container">
<section id="this-panel" data-panel="left-panel" class="panel-content"> <section id="this-panel" class="panel-content" ng-class="{'panel-open': isPanelShowing}" ng-controller="MenuCtrl">
</section> </section>
<section ng-controller="RoomsCtrl">
<header class="bar bar-header bar-dark"> <header class="bar bar-header bar-dark">
<h1 class="title">Feeds</h1> <button class="button button-dark" ng-click="openPanel()">Rooms</button>
</header> <h1 class="title">Feeds</h1>
</header>
<main class="content-padded has-header">
<ul class="list" ng-controller="RoomsCtrl"> <main class="content has-header">
<li class="list-item" ng-repeat="room in rooms"> <ul class="list">
{{room.name}} <li class="list-item" ng-repeat="room in rooms">
</li> {{room.name}}
</ul> </li>
</main> </ul>
</main>
</section>
</section> </section>
<script src="js/app.js"></script>
<!--
<script src="js/framework-gestures.js"></script> <script src="js/framework-gestures.js"></script>
<script src="js/framework-events.js"></script> <script src="js/framework-events.js"></script>
-->
<script src="js/framework-panel.js"></script> <script src="js/framework-panel.js"></script>

3
example/cordova/iOS/www/js/angular-1.2.0rc1.min.js vendored
View File

@ -180,6 +180,3 @@ d.on("$destroy",function(){m.removeOption(e.value)})}}}}],ve=W({restrict:"E",ter
isElement:Dc,isArray:I,$$minErr:M,version:Hd,isDate:Ea,lowercase:G,uppercase:Ba,callbacks:{counter:0}});Oa=Jc(T);try{Oa("ngLocale")}catch(c){Oa("ngLocale",[]).provider("$locale",hd)}Oa("ng",["ngLocale"],["$provide",function(b){b.provider("$compile",Xb).directive({a:Kd,input:yc,textarea:yc,form:Ld,script:re,select:te,style:ve,option:ue,ngBind:Wd,ngBindHtml:Yd,ngBindTemplate:Xd,ngClass:Zd,ngClassEven:ae,ngClassOdd:$d,ngCsp:de,ngCloak:be,ngController:ce,ngForm:Md,ngHide:le,ngIf:ee,ngInclude:fe,ngInit:ge, isElement:Dc,isArray:I,$$minErr:M,version:Hd,isDate:Ea,lowercase:G,uppercase:Ba,callbacks:{counter:0}});Oa=Jc(T);try{Oa("ngLocale")}catch(c){Oa("ngLocale",[]).provider("$locale",hd)}Oa("ng",["ngLocale"],["$provide",function(b){b.provider("$compile",Xb).directive({a:Kd,input:yc,textarea:yc,form:Ld,script:re,select:te,style:ve,option:ue,ngBind:Wd,ngBindHtml:Yd,ngBindTemplate:Xd,ngClass:Zd,ngClassEven:ae,ngClassOdd:$d,ngCsp:de,ngCloak:be,ngController:ce,ngForm:Md,ngHide:le,ngIf:ee,ngInclude:fe,ngInit:ge,
ngNonBindable:he,ngPluralize:ie,ngRepeat:je,ngShow:ke,ngStyle:me,ngSwitch:ne,ngSwitchWhen:oe,ngSwitchDefault:pe,ngOptions:se,ngTransclude:qe,ngModel:Rd,ngList:Td,ngChange:Sd,required:zc,ngRequired:zc,ngValue:Vd}).directive(Eb).directive(Ac);b.provider({$anchorScroll:Sc,$animate:Jd,$browser:Vc,$cacheFactory:Wc,$controller:$c,$document:ad,$exceptionHandler:bd,$filter:nc,$interpolate:gd,$http:cd,$httpBackend:dd,$location:jd,$log:kd,$parse:od,$rootScope:rd,$q:pd,$sce:td,$sceDelegate:sd,$sniffer:ud,$templateCache:Xc, ngNonBindable:he,ngPluralize:ie,ngRepeat:je,ngShow:ke,ngStyle:me,ngSwitch:ne,ngSwitchWhen:oe,ngSwitchDefault:pe,ngOptions:se,ngTransclude:qe,ngModel:Rd,ngList:Td,ngChange:Sd,required:zc,ngRequired:zc,ngValue:Vd}).directive(Eb).directive(Ac);b.provider({$anchorScroll:Sc,$animate:Jd,$browser:Vc,$cacheFactory:Wc,$controller:$c,$document:ad,$exceptionHandler:bd,$filter:nc,$interpolate:gd,$http:cd,$httpBackend:dd,$location:jd,$log:kd,$parse:od,$rootScope:rd,$q:pd,$sce:td,$sceDelegate:sd,$sniffer:ud,$templateCache:Xc,
$timeout:vd,$window:xd,$$urlUtils:wd})}])})(Ha);C(N).ready(function(){Hc(N,Mb)})})(window,document);angular.element(document).find("head").prepend('<style type="text/css">@charset "UTF-8";[ng\\:cloak],[ng-cloak],[data-ng-cloak],[x-ng-cloak],.ng-cloak,.x-ng-cloak,.ng-hide{display:none !important;}ng\\:form{display:block;}</style>'); $timeout:vd,$window:xd,$$urlUtils:wd})}])})(Ha);C(N).ready(function(){Hc(N,Mb)})})(window,document);angular.element(document).find("head").prepend('<style type="text/css">@charset "UTF-8";[ng\\:cloak],[ng-cloak],[data-ng-cloak],[x-ng-cloak],.ng-cloak,.x-ng-cloak,.ng-hide{display:none !important;}ng\\:form{display:block;}</style>');
/*
//@ sourceMappingURL=angular.min.js.map
*/

13
example/cordova/iOS/www/js/app.js vendored
View File

@ -1,9 +1,20 @@
var chat = angular.module('Chat', []); var chat = angular.module('Chat', ['ngTouch']);
chat.controller('MenuCtrl', function($scope) {
});
chat.controller('RoomsCtrl', function($scope) { chat.controller('RoomsCtrl', function($scope) {
$scope.rooms = [ $scope.rooms = [
{ name: 'All', key: 'all' }, { name: 'All', key: 'all' },
{ name: 'Marketing', key: 'marketing' } { name: 'Marketing', key: 'marketing' }
]; ];
$scope.openPanel = function() {
$scope.isPanelShowing = true;
};
$scope.showAlert = function() {
alert("WHAT");
}
}); });

2
scss/framework/structure/_panel.scss
View File

@ -52,4 +52,4 @@
-webkit-transform: translate3d( ($panelOpenWidth * -1), 0,0 ); -webkit-transform: translate3d( ($panelOpenWidth * -1), 0,0 );
-moz-transform: translate3d( ($panelOpenWidth * -1), 0,0 ); -moz-transform: translate3d( ($panelOpenWidth * -1), 0,0 );
transform: translate3d( ($panelOpenWidth * -1), 0,0 ); transform: translate3d( ($panelOpenWidth * -1), 0,0 );
} }