mirror of
https://github.com/arnaucube/openEventsPlatformApp.git
synced 2026-02-07 03:36:44 +01:00
main added
This commit is contained in:
arnaucode
253
www/css/colors.css
Normal file
253
www/css/colors.css
Normal file
@@ -0,0 +1,253 @@
|
||||
/* pink */
|
||||
.c_pink50{
|
||||
background: #FCE4EC;
|
||||
color: #000000;
|
||||
}
|
||||
.c_pink100{
|
||||
background: #F8BBD0;
|
||||
color: #000000;
|
||||
}
|
||||
.c_pink200{
|
||||
background: #F48FB1;
|
||||
color: #000000;
|
||||
}
|
||||
.c_pink300{
|
||||
background: #F06292;
|
||||
color: #ffffff;
|
||||
}
|
||||
.c_pink400{
|
||||
background: #EC407A;
|
||||
color: #ffffff;
|
||||
}
|
||||
.c_pink500{
|
||||
background: #E91E63;
|
||||
color: #ffffff;
|
||||
}
|
||||
.c_pink600{
|
||||
background: #D81B60;
|
||||
color: #ffffff;
|
||||
}
|
||||
.c_pink700{
|
||||
background: #C2185B;
|
||||
color: #ffffff;
|
||||
}
|
||||
.c_pink800{
|
||||
background: #AD1457;
|
||||
color: #ffffff;
|
||||
}
|
||||
.c_pink900{
|
||||
background: #880E4F;
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
/* deepPurple */
|
||||
.c_deepPurple50{
|
||||
background: #EDE7F6;
|
||||
color: #000000;
|
||||
}
|
||||
.c_deepPurple100{
|
||||
background: #D1C4E9;
|
||||
color: #000000;
|
||||
}
|
||||
.c_deepPurple200{
|
||||
background: #B39DDB;
|
||||
color: #000000;
|
||||
}
|
||||
.c_deepPurple300{
|
||||
background: #9575CD;
|
||||
color: #ffffff;
|
||||
}
|
||||
.c_deepPurple400{
|
||||
background: #7E57C2;
|
||||
color: #ffffff;
|
||||
}
|
||||
.c_deepPurple500{
|
||||
background: #673AB7;
|
||||
color: #ffffff;
|
||||
}
|
||||
.c_deepPurple600{
|
||||
background: #5E35B1;
|
||||
color: #ffffff;
|
||||
}
|
||||
.c_deepPurple700{
|
||||
background: #512DA8;
|
||||
color: #ffffff;
|
||||
}
|
||||
.c_deepPurple800{
|
||||
background: #4527A0;
|
||||
color: #ffffff;
|
||||
}
|
||||
.c_deepPurple900{
|
||||
background: #311B92;
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
|
||||
/* green */
|
||||
.c_green50{
|
||||
background: #E8F5E9;
|
||||
color: #000000;
|
||||
}
|
||||
.c_green100{
|
||||
background: #C8E6C9;
|
||||
color: #000000;
|
||||
}
|
||||
.c_green200{
|
||||
background: #A5D6A7;
|
||||
color: #000000;
|
||||
}
|
||||
.c_green300{
|
||||
background: #81C784;
|
||||
color: #ffffff;
|
||||
}
|
||||
.c_green400{
|
||||
background: #66BB6A;
|
||||
color: #ffffff;
|
||||
}
|
||||
.c_green500{
|
||||
background: #4CAF50;
|
||||
color: #ffffff;
|
||||
}
|
||||
.c_green600{
|
||||
background: #43A047;
|
||||
color: #ffffff;
|
||||
}
|
||||
.c_green700{
|
||||
background: #388E3C;
|
||||
color: #ffffff;
|
||||
}
|
||||
.c_green800{
|
||||
background: #2E7D32;
|
||||
color: #ffffff;
|
||||
}
|
||||
.c_green900{
|
||||
background: #1B5E20;
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
/* yellow */
|
||||
.c_yellow50{
|
||||
background: #FFFDE7;
|
||||
color: #000000;
|
||||
}
|
||||
.c_yellow100{
|
||||
background: #FFF9C4;
|
||||
color: #000000;
|
||||
}
|
||||
.c_yellow200{
|
||||
background: #FFF59D;
|
||||
color: #000000;
|
||||
}
|
||||
.c_yellow300{
|
||||
background: #FFF176;
|
||||
color: #ffffff;
|
||||
}
|
||||
.c_yellow400{
|
||||
background: #FFEE58;
|
||||
color: #ffffff;
|
||||
}
|
||||
.c_yellow500{
|
||||
background: #FFEB3B;
|
||||
color: #ffffff;
|
||||
}
|
||||
.c_yellow600{
|
||||
background: #FDD835;
|
||||
color: #ffffff;
|
||||
}
|
||||
.c_yellow700{
|
||||
background: #FBC02D;
|
||||
color: #ffffff;
|
||||
}
|
||||
.c_yellow800{
|
||||
background: #F9A825;
|
||||
color: #ffffff;
|
||||
}
|
||||
.c_yellow900{
|
||||
background: #F57F17;
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
/* orange */
|
||||
.c_orange50{
|
||||
background: #FFF3E0;
|
||||
color: #000000;
|
||||
}
|
||||
.c_orange100{
|
||||
background: #FFE0B2;
|
||||
color: #000000;
|
||||
}
|
||||
.c_orange200{
|
||||
background: #FFCC80;
|
||||
color: #000000;
|
||||
}
|
||||
.c_orange300{
|
||||
background: #FFB74D;
|
||||
color: #ffffff;
|
||||
}
|
||||
.c_orange400{
|
||||
background: #FFA726;
|
||||
color: #ffffff;
|
||||
}
|
||||
.c_orange500{
|
||||
background: #FF9800;
|
||||
color: #ffffff;
|
||||
}
|
||||
.c_orange600{
|
||||
background: #FB8C00;
|
||||
color: #ffffff;
|
||||
}
|
||||
.c_orange700{
|
||||
background: #F57C00;
|
||||
color: #ffffff;
|
||||
}
|
||||
.c_orange800{
|
||||
background: #EF6C00;
|
||||
color: #ffffff;
|
||||
}
|
||||
.c_orange900{
|
||||
background: #E65100;
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
|
||||
/* indigo */
|
||||
.c_indigo50{
|
||||
background:#E8EAF6;
|
||||
color: #000000;
|
||||
}
|
||||
.c_indigo100{
|
||||
background:#C5CAE9;
|
||||
color: #000000;
|
||||
}
|
||||
.c_indigo200{
|
||||
background:#9FA8DA;
|
||||
color: #000000;
|
||||
}
|
||||
.c_indigo300{
|
||||
background:#7986CB;
|
||||
color: #ffffff;
|
||||
}
|
||||
.c_indigo400{
|
||||
background:#5C6BC0;
|
||||
color: #ffffff;
|
||||
}
|
||||
.c_indigo500{
|
||||
background:#3F51B5;
|
||||
color: #ffffff;
|
||||
}
|
||||
.c_indigo600{
|
||||
background:#3949AB;
|
||||
color: #ffffff;
|
||||
}
|
||||
.c_indigo700{
|
||||
background:#303F9F;
|
||||
color: #ffffff;
|
||||
}
|
||||
.c_indigo800{
|
||||
background:#283593;
|
||||
color: #ffffff;
|
||||
}
|
||||
.c_indigo900{
|
||||
background:#1A237E;
|
||||
color: #ffffff;
|
||||
}
|
||||
@@ -1 +1,13 @@
|
||||
/* Empty. Add your own CSS if you like */
|
||||
.o_mainOptionRow{
|
||||
height: calc(100%/4);
|
||||
display: table;
|
||||
padding: 0;
|
||||
}
|
||||
.o_mainOptionRow a{
|
||||
text-align: center;
|
||||
display: table-cell;
|
||||
vertical-align: middle;
|
||||
width: 50%;
|
||||
font-size: 300%;
|
||||
}
|
||||
|
||||
@@ -18,6 +18,7 @@
|
||||
|
||||
<link href="lib/ionic/css/ionic.css" rel="stylesheet">
|
||||
<link href="css/style.css" rel="stylesheet">
|
||||
<link href="css/colors.css" rel="stylesheet">
|
||||
|
||||
<!-- IF using Sass (run gulp sass first), then uncomment below and remove the CSS includes above
|
||||
<link href="css/ionic.app.css" rel="stylesheet">
|
||||
@@ -43,6 +44,7 @@
|
||||
<!-- your app's js -->
|
||||
<script src="js/app.js"></script>
|
||||
<script src="js/menu.js"></script>
|
||||
<script src="js/main.js"></script>
|
||||
<script src="js/events.js"></script>
|
||||
<script src="js/event.js"></script>
|
||||
<script src="js/users.js"></script>
|
||||
|
||||
@@ -5,6 +5,7 @@ angular.module('app', [
|
||||
'ionic',
|
||||
'pascalprecht.translate',
|
||||
'app.menu',
|
||||
'app.main',
|
||||
'app.events',
|
||||
'app.event',
|
||||
'app.users',
|
||||
@@ -38,8 +39,15 @@ angular.module('app', [
|
||||
controller: 'MenuCtrl'
|
||||
})
|
||||
|
||||
// Each tab has its own nav history stack:
|
||||
|
||||
.state('app.main', {
|
||||
url: '/main',
|
||||
views: {
|
||||
'menuContent': {
|
||||
templateUrl: 'templates/main.html',
|
||||
controller: 'MainCtrl'
|
||||
}
|
||||
}
|
||||
})
|
||||
.state('app.events', {
|
||||
url: '/events',
|
||||
views: {
|
||||
@@ -48,7 +56,8 @@ angular.module('app', [
|
||||
controller: 'EventsCtrl'
|
||||
}
|
||||
}
|
||||
}).state('app.event', {
|
||||
})
|
||||
.state('app.event', {
|
||||
url: '/events/:eventid',
|
||||
views: {
|
||||
'menuContent': {
|
||||
|
||||
8
www/js/main.js
Normal file
8
www/js/main.js
Normal file
@@ -0,0 +1,8 @@
|
||||
angular.module('app.main', ['pascalprecht.translate'])
|
||||
|
||||
.controller('MainCtrl', function($scope, $http, $ionicModal, $timeout, $ionicLoading, $filter) {
|
||||
|
||||
|
||||
|
||||
|
||||
});
|
||||
29
www/templates/main.html
Normal file
29
www/templates/main.html
Normal file
@@ -0,0 +1,29 @@
|
||||
<ion-view view-title="Open Events Platform App">
|
||||
<ion-content>
|
||||
<div class="row o_mainOptionRow">
|
||||
<a class="col c_pink400" ng-href="#/app/events">
|
||||
<i class="icon ion-calendar"></i>
|
||||
</a>
|
||||
<a class="col c_indigo400" ng-href="#/app/users">
|
||||
<i class="icon ion-person-stalker"></i>
|
||||
</a>
|
||||
</div>
|
||||
<div class="row o_mainOptionRow">
|
||||
<a class="col c_green400" ng-href="#/app/search">
|
||||
<i class="icon ion-ios-location"></i>
|
||||
</a>
|
||||
|
||||
<a class="col c_orange400" ng-href="#/app/settings">
|
||||
<i class="icon ion-ios-color-filter"></i>
|
||||
</a>
|
||||
</div>
|
||||
<div class="row o_mainOptionRow">
|
||||
<a class="col c_yellow600" ng-href="#/app/search">
|
||||
<i class="icon ion-search"></i>
|
||||
</a>
|
||||
<a class="col c_deepPurple400" ng-href="#/app/settings">
|
||||
<i class="icon ion-ios-gear"></i>
|
||||
</a>
|
||||
</div>
|
||||
</ion-content>
|
||||
</ion-view>
|
||||
@@ -18,21 +18,24 @@
|
||||
</ion-header-bar>
|
||||
<ion-content>
|
||||
<ion-list>
|
||||
<ion-item menu-close href="#/app/events">
|
||||
Events
|
||||
</ion-item>
|
||||
<ion-item menu-close href="#/app/users">
|
||||
Users
|
||||
</ion-item>
|
||||
<ion-item menu-close href="#/app/search">
|
||||
Search
|
||||
</ion-item>
|
||||
<ion-item menu-close href="#/app/settings">
|
||||
Settings
|
||||
</ion-item>
|
||||
<ion-item menu-close href="#/app/login">
|
||||
User login
|
||||
</ion-item>
|
||||
<a class="item item-icon-left o_bSidenav" menu-close ng-href="#/app/main">
|
||||
<i class="icon ion-home"></i> {{'Main' | translate }}
|
||||
</a>
|
||||
<a class="item item-icon-left" menu-close href="#/app/events">
|
||||
<i class="icon ion-calendar"></i> Events
|
||||
</a>
|
||||
<a class="item item-icon-left" menu-close href="#/app/users">
|
||||
<i class="icon ion-person-stalker"></i> Users
|
||||
</a>
|
||||
<a class="item item-icon-left" menu-close href="#/app/search">
|
||||
<i class="icon ion-search"></i> Search
|
||||
</a>
|
||||
<a class="item item-icon-left" menu-close href="#/app/settings">
|
||||
<i class="icon ion-ios-gear"></i> Settings
|
||||
</a>
|
||||
<a class="item item-icon-left" menu-close href="#/app/login">
|
||||
<i class="icon ion-home"></i> User login
|
||||
</a>
|
||||
</ion-list>
|
||||
</ion-content>
|
||||
</ion-side-menu>
|
||||
|
||||
Reference in New Issue
Block a user