100 public/css/gApp.css
View file
@@ -210,6 +210,40 @@ body {
#home #body #right-sidebar .social-media-boxes .yt {
background-image: url("../img/yt.svg"); }

@font-face {
font-family: 'defaultFont';
src: url("../fonts/Cabin-Regular.ttf"); }

@font-face {
font-family: 'defaultFontB';
src: url("../fonts/LinLibertine_bold.ttf"); }

@font-face {
font-family: 'defaultFontI';
src: url("../fonts/LinLibertine_italic.ttf"); }

@font-face {
font-family: 'defaultFontBI';
src: url("../fonts/LinLibertine_bolditalic.ttf"); }

@font-face {
font-family: 'quoteFont';
src: url("../fonts/Champignon.otf"); }

.quote {
font-family: quoteFont; }

.text-center {
text-align: center; }

.block-center {
display: block;
margin-left: auto;
margin-right: auto; }

.pointer {
cursor: pointer; }

#members-area #body .navbar-left md-sidenav md-toolbar {
background-color: #567; }

@@ -231,13 +265,77 @@ body {
#members-area #body .navbar-left md-sidenav .navbar-menu .menuitems {
padding: 20px 0;
text-align: center;
background: aliceblue;
background: #fff;
cursor: pointer; }
#members-area #body .navbar-left md-sidenav .navbar-menu li.menuitems:hover {
background: #6796E6; }
#members-area #body .navbar-left md-sidenav .navbar-menu li.menuitems:active {
background: #568AE3; }

.mygoals {
width: 70%;
margin: 30px auto 0; }
.mygoals .goal-cont .goal {
margin: 10px 0 0; }
.mygoals .goal-cont .goal .category-goal {
-webkit-border-radius: 5px 0 0 5px;
-moz-border-radius: 5px 0 0 5px;
-ms-border-radius: 5px 0 0 5px;
border-radius: 5px 0 0 5px;
background: #567;
color: #fff;
font-weight: bold;
padding: 10px; }
.mygoals .goal-cont .goal .text {
padding: 10px;
-webkit-border-radius: 0 5px 5px 0;
-moz-border-radius: 0 5px 5px 0;
-ms-border-radius: 0 5px 5px 0;
border-radius: 0 5px 5px 0;
border: 1px solid #777777; }
.mygoals .goal-cont .goal .options .icons {
padding: 10px; }
.mygoals .goal-cont .goal .options .set-done-goal {
background-image: url("../img/done.png");
background-size: contain;
background-repeat: no-repeat;
background-position: center; }
.mygoals .goal-cont .goal .options .delete-goal {
background-image: url("../img/delete.png");
background-size: contain;
background-repeat: no-repeat;
background-position: center; }
.mygoals .goal-cont .comments {
font-size: 0.8em;
padding: 3px;
border-bottom: 1px solid #aaa;
border-left: 1px solid #aaa;
border-right: 1px solid #aaa; }
.mygoals .goal-cont .comments .author {
text-decoration: underline;
padding: 5px; }
.mygoals .goal-cont .comments .comment-text {
border-right: 1px solid #ddd;
border-left: 1px solid #ddd;
padding: 5px; }
.mygoals .goal-cont .comments .comment-date {
font-style: italic;
padding: 5px; }
.mygoals .goal-cont .comments:last-child {
-webkit-border-radius: 0 0 5px 5px;
-moz-border-radius: 0 0 5px 5px;
-ms-border-radius: 0 0 5px 5px;
border-radius: 0 0 5px 5px; }
.mygoals .goal-cont .comments:first-child {
border-top: 0; }
.mygoals md-tab-item {
background-color: #567;
color: #0A3173; }
.mygoals .new-goal {
border-top: 1px solid #aaa;
margin: 50px 0 0;
padding: 10px; }

md-card {
padding: 10px; }

5 public/js/gApp.js
View file
@@ -52,7 +52,7 @@ app.config(['$urlRouterProvider', '$stateProvider', '$translateProvider', functi
templateUrl: '../tpl/mygseven.tpl',
controller: 'MyGSevenCtrl',
params: {
autoActivateChild: 'parentState.childState'
autoActivateChild: 'myg7.mygoals'
}
})
.state('myg7.mygoals', {
@@ -125,6 +125,9 @@ app.controller('MainCtrl', ['$scope', '$http', function($scope, $http){

//main stuff could come here

}]);
app.controller('MyGoalsCtrl', ['$scope', '$http', function($scope, $http){

}]);
app.controller('MyGSevenCtrl', ['$scope', '$http', '$mdSidenav', function($scope, $http, $mdSidenav){
$scope.toggleLeft = buildDelayedToggler('left');
55 public/tpl/mygoals.tpl
View file
@@ -0,0 +1,55 @@
<md-content class="mygoals">
<md-tabs md-dynamic-height md-border-bottom>
<md-tab label="Henrik">
<md-content class="md-padding">
<div class="goal-cont">

<div class="goal" layout="row">
<div class="category-goal" flex="10"><span>H</span></div>
<div class="text" flex="80"><span>Here is a new goal of mine for this week.</span></div>
<div class="options" flex="10">
<div class="set-done-goal icons"></div>
<div class="delete-goal icons"></div>
</div>
</div>
<div layout="row">
<div flex="10"></div>
<div class="comments" layout="row" flex="75">
<div class="author" flex="20">
<span>Henrikecske Lassuka:</span>
</div>
<div class="comment-text" flex="70"><span>This is a shitty goal. It's valid tho'.</span></div>
<div class="comment-date" flex="10"><span>02.15.</span></div>
</div>
</div>
<div flex="15"></div>

</div>

<div class="new-goal" layout="row">

<md-input-container md-no-float flex="20">
<label>{{ 'LANG_SELECT' | translate}}</label>
<md-select ng-model="registerModel.lang">
<md-option value="en">
{{ 'CAT_HEALTH' | translate }}
</md-option>
<md-option value="hu">
{{ 'CAT_MONEY' | translate }}
</md-option>
</md-select>
</md-input-container>

<md-input-container md-no-float class="md-block" flex="70">
<textarea ng-model="newgoal.text" type="text" placeholder="{{ 'GOAL_NEWGOAL' | translate }}" ng-required="false" md-maxlength="150" rows="2"></textarea>
</md-input-container>

<div class="submit" flex="10">
<button>Go</button>
</div>
</div>

</md-content>
</md-tab>
</md-tabs>
</md-content>
4 public/tpl/mygseven.tpl
View file
@@ -3,7 +3,7 @@

<div id="body" layout="row">

<div class="navbar-left" flex>
<div class="navbar-left" flex="15">
<md-sidenav class="md-sidenav-left" md-component-id="left" md-is-locked-open="true">
<md-toolbar class="">
<h1 class="md-toolbar-tools">{{ 'MENU' | translate }}</h1>
@@ -34,7 +34,7 @@
</md-sidenav>
</div>

<div id="middle-section" flex>
<div id="middle-section" flex="85">
<div ui-view></div>
</div>