From 3936998360bc76038a30d7e05f72b71ea6b548b8 Mon Sep 17 00:00:00 2001 From: FSinnona Date: Tue, 1 Dec 2015 16:38:35 +0100 Subject: [PATCH] Footer funzionante e fissato in basso --- client/app/FAQ/FAQ.controller.js | 82 ++++++++++++++++ client/app/FAQ/FAQ.html | 16 ++++ client/app/FAQ/FAQ.js | 15 +++ client/app/FAQ/FAQ.scss | 100 ++++++++++++++++++++ client/app/app.scss | 5 + client/app/come_funziona/come_funziona.html | 1 + client/app/community/community.html | 1 + client/app/contact/contact.controller.js | 82 ++++++++++++++++ client/app/contact/contact.html | 16 ++++ client/app/contact/contact.js | 15 +++ client/app/contact/contact.scss | 100 ++++++++++++++++++++ client/app/main/main.html | 5 +- client/app/main/main.scss | 15 +++ client/app/organizza/organizza.html | 1 + client/app/partecipa/partecipa.html | 1 + client/app/partner/partner.controller.js | 82 ++++++++++++++++ client/app/partner/partner.html | 15 +++ client/app/partner/partner.js | 15 +++ client/app/partner/partner.scss | 100 ++++++++++++++++++++ client/app/seguici/seguici.controller.js | 82 ++++++++++++++++ client/app/seguici/seguici.html | 15 +++ client/app/seguici/seguici.js | 15 +++ client/app/seguici/seguici.scss | 100 ++++++++++++++++++++ client/app/t&c/t&c.controller.js | 82 ++++++++++++++++ client/app/t&c/t&c.html | 15 +++ client/app/t&c/t&c.js | 15 +++ client/app/t&c/t&c.scss | 100 ++++++++++++++++++++ client/components/footer/footer.html | 12 +-- client/components/footer/footer.scss | 9 ++ client/index.html | 10 ++ 30 files changed, 1113 insertions(+), 9 deletions(-) create mode 100755 client/app/FAQ/FAQ.controller.js create mode 100755 client/app/FAQ/FAQ.html create mode 100755 client/app/FAQ/FAQ.js create mode 100755 client/app/FAQ/FAQ.scss create mode 100755 client/app/contact/contact.controller.js create mode 100755 client/app/contact/contact.html create mode 100755 client/app/contact/contact.js create mode 100755 client/app/contact/contact.scss create mode 100755 client/app/partner/partner.controller.js create mode 100755 client/app/partner/partner.html create mode 100755 client/app/partner/partner.js create mode 100755 client/app/partner/partner.scss create mode 100755 client/app/seguici/seguici.controller.js create mode 100755 client/app/seguici/seguici.html create mode 100755 client/app/seguici/seguici.js create mode 100755 client/app/seguici/seguici.scss create mode 100755 client/app/t&c/t&c.controller.js create mode 100755 client/app/t&c/t&c.html create mode 100755 client/app/t&c/t&c.js create mode 100755 client/app/t&c/t&c.scss diff --git a/client/app/FAQ/FAQ.controller.js b/client/app/FAQ/FAQ.controller.js new file mode 100755 index 0000000..27fcdbb --- /dev/null +++ b/client/app/FAQ/FAQ.controller.js @@ -0,0 +1,82 @@ +'use strict'; + +angular.module('dashboardApp') + .controller('FAQCtrl', function($scope, $http, datepickerPopupConfig, $stateParams) { + + var baseLimit = 7; + $scope.limit = baseLimit; + var d = new Date(); + d.setHours(0,0,0,0); + $scope.dataInizio = new Date(d); + + $scope.posters = []; + var route; + $scope.loadCount = 0; + $scope.loadShows = function() { + route = '/api/shows?limit=' + $scope.limit; + if ($scope.dataInizio) { + route += '&date=' + $scope.dataInizio; + } + if ($scope.category) { + route += '&category=' + $scope.category; + } + if ($stateParams.lat && $stateParams.lng) { + route += '&lat=' + $stateParams.lat + '&lng=' + $stateParams.lng; + } + if ($scope.fulltext) { + route += '&fulltext=' + $scope.fulltext; + } + $http.get(route).then(function(response) { + $scope.posters = response.data; + $scope.limit += $scope.limit; + if ($scope.loadCount % 2 === 0) { + $scope.limit++; + } + $scope.loadCount++; + }); + }; + $scope.loadShows(); + + + var posterCount = 0; + $scope.pCount = function(index) { + posterCount = index % 10 === 0 ? 0 : posterCount + 1; + return posterCount === 0 || posterCount === 6; + }; + + $scope.datepickers = { + dataInizio: false, + dataFine: false + }; + + $scope.open = function($event, which, whichnot) { + $event.preventDefault(); + $event.stopPropagation(); + + $scope.datepickers[which]= true; + $scope.datepickers[whichnot]= false; + }; + + $scope.dateOptions = { + 'year-format': 'yy', + 'starting-day': 1, + 'show-weeks': false + }; + + datepickerPopupConfig.showButtonBar = false; + datepickerPopupConfig.appendToBody = false; + + $scope.minDate = new Date(); + $scope.minDateFine = new Date(); + + $scope.searchShows = function() { + $scope.limit = baseLimit; + $scope.loadCount = 0; + $scope.loadShows(); + }; + + // load categories + $http.get('/api/categories?active=true').then(function(response) { + $scope.categories = response.data; + }); +}); diff --git a/client/app/FAQ/FAQ.html b/client/app/FAQ/FAQ.html new file mode 100755 index 0000000..1623111 --- /dev/null +++ b/client/app/FAQ/FAQ.html @@ -0,0 +1,16 @@ + + +
+
+
+
+

FAQ

+

Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquid ex ea commodi consequat.

+
+
+
+
+
+ + + diff --git a/client/app/FAQ/FAQ.js b/client/app/FAQ/FAQ.js new file mode 100755 index 0000000..1c3d3b9 --- /dev/null +++ b/client/app/FAQ/FAQ.js @@ -0,0 +1,15 @@ +'use strict'; + +angular.module('dashboardApp') + .config(function($stateProvider) { + $stateProvider + .state('FAQ', { + url: '/FAQ', + templateUrl: 'app/FAQ/FAQ.html', + controller: 'FAQCtrl', + params: { + lng: null, + lat: null + } + }) + }); diff --git a/client/app/FAQ/FAQ.scss b/client/app/FAQ/FAQ.scss new file mode 100755 index 0000000..8b805b5 --- /dev/null +++ b/client/app/FAQ/FAQ.scss @@ -0,0 +1,100 @@ +.poster-view { + margin-top: 30px; +} +.poster { + overflow: hidden; + position: relative; + display: flex; + height: 350px; + width: 33.3%; + float: left; + border: 10px solid #FFF; + box-sizing: border-box; + align-items: center; + justify-content: center; +} +.poster_show { + width: 100% !important; + border: 0 !important; + margin-bottom: 30px; +} +.poster > img { + min-width: 100%; + min-height: 100%; + flex-shrink: 0; +} +.poster.poster-wide { + width: 66.6%; +} + +@media all and (max-width: 768px) { + .poster { + width: 100% !important; + } +} + +.poster_date { + position: absolute; + background: #FFF; + font-family: "Oswald", sans-serif; + font-size: 22px; + font-weight: 300; + color: #000; + top: 0; + left: 20px; + text-transform: uppercase; + text-align: center; + padding: 10px 15px; +} + +.poster:hover { + .poster_overlay { + display: block; + opacity: 1; + } + .poster_date { + display: none; + } +} + +.poster_overlay { + background-color: rgba(255,255,255,0.8); + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + display:none; + opacity: 0; + + .poster_content { + text-align: center; + position: absolute; + top: 20px; + width: 100%; + color: #000; + padding: 20px; + + .avatar { + display: block; + margin: 0 auto; + } + + .user { + font-size: 16px; + margin: 0 0 5px; + } + + h3 { + margin: 0 0 10px; + font-family: "Oswald", sans-serif; + text-transform: uppercase; + font-weight: 700; + font-size: 20px; + } + + .rating { + font-size: 18px; + } + } +} \ No newline at end of file diff --git a/client/app/app.scss b/client/app/app.scss index 3cf4ebd..8e27102 100755 --- a/client/app/app.scss +++ b/client/app/app.scss @@ -30,13 +30,18 @@ $fa-font-path: "../bower_components/font-awesome/fonts"; // Component styles are injected through grunt // injector +@import 'FAQ/FAQ.scss'; @import 'account/login/login.scss'; @import 'admin/admin.scss'; @import 'come_funziona/come_funziona.scss'; @import 'community/community.scss'; +@import 'contact/contact.scss'; @import 'main/main.scss'; @import 'organizza/organizza.scss'; @import 'partecipa/partecipa.scss'; +@import 'partner/partner.scss'; +@import 'seguici/seguici.scss'; +@import 't&c/t&c.scss'; @import '../components/footer/footer.scss'; @import '../components/modal/modal.scss'; // endinjector diff --git a/client/app/come_funziona/come_funziona.html b/client/app/come_funziona/come_funziona.html index c956343..ba78f0e 100755 --- a/client/app/come_funziona/come_funziona.html +++ b/client/app/come_funziona/come_funziona.html @@ -64,6 +64,7 @@

+
diff --git a/client/app/community/community.html b/client/app/community/community.html index d57c925..2b60067 100755 --- a/client/app/community/community.html +++ b/client/app/community/community.html @@ -64,6 +64,7 @@

+
diff --git a/client/app/contact/contact.controller.js b/client/app/contact/contact.controller.js new file mode 100755 index 0000000..f33c12b --- /dev/null +++ b/client/app/contact/contact.controller.js @@ -0,0 +1,82 @@ +'use strict'; + +angular.module('dashboardApp') + .controller('ContactCtrl', function($scope, $http, datepickerPopupConfig, $stateParams) { + + var baseLimit = 7; + $scope.limit = baseLimit; + var d = new Date(); + d.setHours(0,0,0,0); + $scope.dataInizio = new Date(d); + + $scope.posters = []; + var route; + $scope.loadCount = 0; + $scope.loadShows = function() { + route = '/api/shows?limit=' + $scope.limit; + if ($scope.dataInizio) { + route += '&date=' + $scope.dataInizio; + } + if ($scope.category) { + route += '&category=' + $scope.category; + } + if ($stateParams.lat && $stateParams.lng) { + route += '&lat=' + $stateParams.lat + '&lng=' + $stateParams.lng; + } + if ($scope.fulltext) { + route += '&fulltext=' + $scope.fulltext; + } + $http.get(route).then(function(response) { + $scope.posters = response.data; + $scope.limit += $scope.limit; + if ($scope.loadCount % 2 === 0) { + $scope.limit++; + } + $scope.loadCount++; + }); + }; + $scope.loadShows(); + + + var posterCount = 0; + $scope.pCount = function(index) { + posterCount = index % 10 === 0 ? 0 : posterCount + 1; + return posterCount === 0 || posterCount === 6; + }; + + $scope.datepickers = { + dataInizio: false, + dataFine: false + }; + + $scope.open = function($event, which, whichnot) { + $event.preventDefault(); + $event.stopPropagation(); + + $scope.datepickers[which]= true; + $scope.datepickers[whichnot]= false; + }; + + $scope.dateOptions = { + 'year-format': 'yy', + 'starting-day': 1, + 'show-weeks': false + }; + + datepickerPopupConfig.showButtonBar = false; + datepickerPopupConfig.appendToBody = false; + + $scope.minDate = new Date(); + $scope.minDateFine = new Date(); + + $scope.searchShows = function() { + $scope.limit = baseLimit; + $scope.loadCount = 0; + $scope.loadShows(); + }; + + // load categories + $http.get('/api/categories?active=true').then(function(response) { + $scope.categories = response.data; + }); +}); diff --git a/client/app/contact/contact.html b/client/app/contact/contact.html new file mode 100755 index 0000000..4f21e9c --- /dev/null +++ b/client/app/contact/contact.html @@ -0,0 +1,16 @@ + + +
+
+
+
+

CONTATTI

+

Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquid ex ea commodi consequat.

+
+
+
+
+
+ + + diff --git a/client/app/contact/contact.js b/client/app/contact/contact.js new file mode 100755 index 0000000..c765495 --- /dev/null +++ b/client/app/contact/contact.js @@ -0,0 +1,15 @@ +'use strict'; + +angular.module('dashboardApp') + .config(function($stateProvider) { + $stateProvider + .state('contact', { + url: '/contact', + templateUrl: 'app/contact/contact.html', + controller: 'ContactCtrl', + params: { + lng: null, + lat: null + } + }) + }); diff --git a/client/app/contact/contact.scss b/client/app/contact/contact.scss new file mode 100755 index 0000000..8b805b5 --- /dev/null +++ b/client/app/contact/contact.scss @@ -0,0 +1,100 @@ +.poster-view { + margin-top: 30px; +} +.poster { + overflow: hidden; + position: relative; + display: flex; + height: 350px; + width: 33.3%; + float: left; + border: 10px solid #FFF; + box-sizing: border-box; + align-items: center; + justify-content: center; +} +.poster_show { + width: 100% !important; + border: 0 !important; + margin-bottom: 30px; +} +.poster > img { + min-width: 100%; + min-height: 100%; + flex-shrink: 0; +} +.poster.poster-wide { + width: 66.6%; +} + +@media all and (max-width: 768px) { + .poster { + width: 100% !important; + } +} + +.poster_date { + position: absolute; + background: #FFF; + font-family: "Oswald", sans-serif; + font-size: 22px; + font-weight: 300; + color: #000; + top: 0; + left: 20px; + text-transform: uppercase; + text-align: center; + padding: 10px 15px; +} + +.poster:hover { + .poster_overlay { + display: block; + opacity: 1; + } + .poster_date { + display: none; + } +} + +.poster_overlay { + background-color: rgba(255,255,255,0.8); + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + display:none; + opacity: 0; + + .poster_content { + text-align: center; + position: absolute; + top: 20px; + width: 100%; + color: #000; + padding: 20px; + + .avatar { + display: block; + margin: 0 auto; + } + + .user { + font-size: 16px; + margin: 0 0 5px; + } + + h3 { + margin: 0 0 10px; + font-family: "Oswald", sans-serif; + text-transform: uppercase; + font-weight: 700; + font-size: 20px; + } + + .rating { + font-size: 18px; + } + } +} \ No newline at end of file diff --git a/client/app/main/main.html b/client/app/main/main.html index 8cba578..8d638f2 100755 --- a/client/app/main/main.html +++ b/client/app/main/main.html @@ -2,7 +2,7 @@ -
+
@@ -24,9 +24,8 @@
-
- +
diff --git a/client/app/main/main.scss b/client/app/main/main.scss index 237baa2..2a312ec 100755 --- a/client/app/main/main.scss +++ b/client/app/main/main.scss @@ -194,6 +194,21 @@ hr { } .main-container { + min-height: 100%; + height: auto !important; + margin-bottom: 0 auto 40px; + margin-top: 20px; +} +.main-container-footerApp{ + min-height: 100%; + height: auto !important; + margin: 0 auto 70px; + margin-top: 20px; +} +.main-container-home { + min-height: 100%; + height: auto !important; + margin: 0 auto 0px; margin-top: 20px; } .main-container.container { diff --git a/client/app/organizza/organizza.html b/client/app/organizza/organizza.html index e039a66..3a1e7e7 100755 --- a/client/app/organizza/organizza.html +++ b/client/app/organizza/organizza.html @@ -64,6 +64,7 @@

+
diff --git a/client/app/partecipa/partecipa.html b/client/app/partecipa/partecipa.html index 1dd758d..fc5d803 100755 --- a/client/app/partecipa/partecipa.html +++ b/client/app/partecipa/partecipa.html @@ -64,6 +64,7 @@

+
diff --git a/client/app/partner/partner.controller.js b/client/app/partner/partner.controller.js new file mode 100755 index 0000000..4a1ef84 --- /dev/null +++ b/client/app/partner/partner.controller.js @@ -0,0 +1,82 @@ +'use strict'; + +angular.module('dashboardApp') + .controller('PartnerCtrl', function($scope, $http, datepickerPopupConfig, $stateParams) { + + var baseLimit = 7; + $scope.limit = baseLimit; + var d = new Date(); + d.setHours(0,0,0,0); + $scope.dataInizio = new Date(d); + + $scope.posters = []; + var route; + $scope.loadCount = 0; + $scope.loadShows = function() { + route = '/api/shows?limit=' + $scope.limit; + if ($scope.dataInizio) { + route += '&date=' + $scope.dataInizio; + } + if ($scope.category) { + route += '&category=' + $scope.category; + } + if ($stateParams.lat && $stateParams.lng) { + route += '&lat=' + $stateParams.lat + '&lng=' + $stateParams.lng; + } + if ($scope.fulltext) { + route += '&fulltext=' + $scope.fulltext; + } + $http.get(route).then(function(response) { + $scope.posters = response.data; + $scope.limit += $scope.limit; + if ($scope.loadCount % 2 === 0) { + $scope.limit++; + } + $scope.loadCount++; + }); + }; + $scope.loadShows(); + + + var posterCount = 0; + $scope.pCount = function(index) { + posterCount = index % 10 === 0 ? 0 : posterCount + 1; + return posterCount === 0 || posterCount === 6; + }; + + $scope.datepickers = { + dataInizio: false, + dataFine: false + }; + + $scope.open = function($event, which, whichnot) { + $event.preventDefault(); + $event.stopPropagation(); + + $scope.datepickers[which]= true; + $scope.datepickers[whichnot]= false; + }; + + $scope.dateOptions = { + 'year-format': 'yy', + 'starting-day': 1, + 'show-weeks': false + }; + + datepickerPopupConfig.showButtonBar = false; + datepickerPopupConfig.appendToBody = false; + + $scope.minDate = new Date(); + $scope.minDateFine = new Date(); + + $scope.searchShows = function() { + $scope.limit = baseLimit; + $scope.loadCount = 0; + $scope.loadShows(); + }; + + // load categories + $http.get('/api/categories?active=true').then(function(response) { + $scope.categories = response.data; + }); +}); diff --git a/client/app/partner/partner.html b/client/app/partner/partner.html new file mode 100755 index 0000000..d231d2d --- /dev/null +++ b/client/app/partner/partner.html @@ -0,0 +1,15 @@ + + +
+
+
+
+

PARTNER

+

Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquid ex ea commodi consequat.

+
+
+
+
+
+ + diff --git a/client/app/partner/partner.js b/client/app/partner/partner.js new file mode 100755 index 0000000..cc7e58e --- /dev/null +++ b/client/app/partner/partner.js @@ -0,0 +1,15 @@ +'use strict'; + +angular.module('dashboardApp') + .config(function($stateProvider) { + $stateProvider + .state('partner', { + url: '/partner', + templateUrl: 'app/partner/partner.html', + controller: 'PartnerCtrl', + params: { + lng: null, + lat: null + } + }) + }); diff --git a/client/app/partner/partner.scss b/client/app/partner/partner.scss new file mode 100755 index 0000000..8b805b5 --- /dev/null +++ b/client/app/partner/partner.scss @@ -0,0 +1,100 @@ +.poster-view { + margin-top: 30px; +} +.poster { + overflow: hidden; + position: relative; + display: flex; + height: 350px; + width: 33.3%; + float: left; + border: 10px solid #FFF; + box-sizing: border-box; + align-items: center; + justify-content: center; +} +.poster_show { + width: 100% !important; + border: 0 !important; + margin-bottom: 30px; +} +.poster > img { + min-width: 100%; + min-height: 100%; + flex-shrink: 0; +} +.poster.poster-wide { + width: 66.6%; +} + +@media all and (max-width: 768px) { + .poster { + width: 100% !important; + } +} + +.poster_date { + position: absolute; + background: #FFF; + font-family: "Oswald", sans-serif; + font-size: 22px; + font-weight: 300; + color: #000; + top: 0; + left: 20px; + text-transform: uppercase; + text-align: center; + padding: 10px 15px; +} + +.poster:hover { + .poster_overlay { + display: block; + opacity: 1; + } + .poster_date { + display: none; + } +} + +.poster_overlay { + background-color: rgba(255,255,255,0.8); + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + display:none; + opacity: 0; + + .poster_content { + text-align: center; + position: absolute; + top: 20px; + width: 100%; + color: #000; + padding: 20px; + + .avatar { + display: block; + margin: 0 auto; + } + + .user { + font-size: 16px; + margin: 0 0 5px; + } + + h3 { + margin: 0 0 10px; + font-family: "Oswald", sans-serif; + text-transform: uppercase; + font-weight: 700; + font-size: 20px; + } + + .rating { + font-size: 18px; + } + } +} \ No newline at end of file diff --git a/client/app/seguici/seguici.controller.js b/client/app/seguici/seguici.controller.js new file mode 100755 index 0000000..04f7282 --- /dev/null +++ b/client/app/seguici/seguici.controller.js @@ -0,0 +1,82 @@ +'use strict'; + +angular.module('dashboardApp') + .controller('SeguiciCtrl', function($scope, $http, datepickerPopupConfig, $stateParams) { + + var baseLimit = 7; + $scope.limit = baseLimit; + var d = new Date(); + d.setHours(0,0,0,0); + $scope.dataInizio = new Date(d); + + $scope.posters = []; + var route; + $scope.loadCount = 0; + $scope.loadShows = function() { + route = '/api/shows?limit=' + $scope.limit; + if ($scope.dataInizio) { + route += '&date=' + $scope.dataInizio; + } + if ($scope.category) { + route += '&category=' + $scope.category; + } + if ($stateParams.lat && $stateParams.lng) { + route += '&lat=' + $stateParams.lat + '&lng=' + $stateParams.lng; + } + if ($scope.fulltext) { + route += '&fulltext=' + $scope.fulltext; + } + $http.get(route).then(function(response) { + $scope.posters = response.data; + $scope.limit += $scope.limit; + if ($scope.loadCount % 2 === 0) { + $scope.limit++; + } + $scope.loadCount++; + }); + }; + $scope.loadShows(); + + + var posterCount = 0; + $scope.pCount = function(index) { + posterCount = index % 10 === 0 ? 0 : posterCount + 1; + return posterCount === 0 || posterCount === 6; + }; + + $scope.datepickers = { + dataInizio: false, + dataFine: false + }; + + $scope.open = function($event, which, whichnot) { + $event.preventDefault(); + $event.stopPropagation(); + + $scope.datepickers[which]= true; + $scope.datepickers[whichnot]= false; + }; + + $scope.dateOptions = { + 'year-format': 'yy', + 'starting-day': 1, + 'show-weeks': false + }; + + datepickerPopupConfig.showButtonBar = false; + datepickerPopupConfig.appendToBody = false; + + $scope.minDate = new Date(); + $scope.minDateFine = new Date(); + + $scope.searchShows = function() { + $scope.limit = baseLimit; + $scope.loadCount = 0; + $scope.loadShows(); + }; + + // load categories + $http.get('/api/categories?active=true').then(function(response) { + $scope.categories = response.data; + }); +}); diff --git a/client/app/seguici/seguici.html b/client/app/seguici/seguici.html new file mode 100755 index 0000000..e1b6f68 --- /dev/null +++ b/client/app/seguici/seguici.html @@ -0,0 +1,15 @@ + + +
+
+
+
+

SEGUICI

+

Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquid ex ea commodi consequat.

+
+
+
+
+
+ + diff --git a/client/app/seguici/seguici.js b/client/app/seguici/seguici.js new file mode 100755 index 0000000..60a950d --- /dev/null +++ b/client/app/seguici/seguici.js @@ -0,0 +1,15 @@ +'use strict'; + +angular.module('dashboardApp') + .config(function($stateProvider) { + $stateProvider + .state('seguici', { + url: '/seguici', + templateUrl: 'app/seguici/seguici.html', + controller: 'SeguiciCtrl', + params: { + lng: null, + lat: null + } + }) + }); diff --git a/client/app/seguici/seguici.scss b/client/app/seguici/seguici.scss new file mode 100755 index 0000000..8b805b5 --- /dev/null +++ b/client/app/seguici/seguici.scss @@ -0,0 +1,100 @@ +.poster-view { + margin-top: 30px; +} +.poster { + overflow: hidden; + position: relative; + display: flex; + height: 350px; + width: 33.3%; + float: left; + border: 10px solid #FFF; + box-sizing: border-box; + align-items: center; + justify-content: center; +} +.poster_show { + width: 100% !important; + border: 0 !important; + margin-bottom: 30px; +} +.poster > img { + min-width: 100%; + min-height: 100%; + flex-shrink: 0; +} +.poster.poster-wide { + width: 66.6%; +} + +@media all and (max-width: 768px) { + .poster { + width: 100% !important; + } +} + +.poster_date { + position: absolute; + background: #FFF; + font-family: "Oswald", sans-serif; + font-size: 22px; + font-weight: 300; + color: #000; + top: 0; + left: 20px; + text-transform: uppercase; + text-align: center; + padding: 10px 15px; +} + +.poster:hover { + .poster_overlay { + display: block; + opacity: 1; + } + .poster_date { + display: none; + } +} + +.poster_overlay { + background-color: rgba(255,255,255,0.8); + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + display:none; + opacity: 0; + + .poster_content { + text-align: center; + position: absolute; + top: 20px; + width: 100%; + color: #000; + padding: 20px; + + .avatar { + display: block; + margin: 0 auto; + } + + .user { + font-size: 16px; + margin: 0 0 5px; + } + + h3 { + margin: 0 0 10px; + font-family: "Oswald", sans-serif; + text-transform: uppercase; + font-weight: 700; + font-size: 20px; + } + + .rating { + font-size: 18px; + } + } +} \ No newline at end of file diff --git a/client/app/t&c/t&c.controller.js b/client/app/t&c/t&c.controller.js new file mode 100755 index 0000000..775ed17 --- /dev/null +++ b/client/app/t&c/t&c.controller.js @@ -0,0 +1,82 @@ +'use strict'; + +angular.module('dashboardApp') + .controller('T&CCtrl', function($scope, $http, datepickerPopupConfig, $stateParams) { + + var baseLimit = 7; + $scope.limit = baseLimit; + var d = new Date(); + d.setHours(0,0,0,0); + $scope.dataInizio = new Date(d); + + $scope.posters = []; + var route; + $scope.loadCount = 0; + $scope.loadShows = function() { + route = '/api/shows?limit=' + $scope.limit; + if ($scope.dataInizio) { + route += '&date=' + $scope.dataInizio; + } + if ($scope.category) { + route += '&category=' + $scope.category; + } + if ($stateParams.lat && $stateParams.lng) { + route += '&lat=' + $stateParams.lat + '&lng=' + $stateParams.lng; + } + if ($scope.fulltext) { + route += '&fulltext=' + $scope.fulltext; + } + $http.get(route).then(function(response) { + $scope.posters = response.data; + $scope.limit += $scope.limit; + if ($scope.loadCount % 2 === 0) { + $scope.limit++; + } + $scope.loadCount++; + }); + }; + $scope.loadShows(); + + + var posterCount = 0; + $scope.pCount = function(index) { + posterCount = index % 10 === 0 ? 0 : posterCount + 1; + return posterCount === 0 || posterCount === 6; + }; + + $scope.datepickers = { + dataInizio: false, + dataFine: false + }; + + $scope.open = function($event, which, whichnot) { + $event.preventDefault(); + $event.stopPropagation(); + + $scope.datepickers[which]= true; + $scope.datepickers[whichnot]= false; + }; + + $scope.dateOptions = { + 'year-format': 'yy', + 'starting-day': 1, + 'show-weeks': false + }; + + datepickerPopupConfig.showButtonBar = false; + datepickerPopupConfig.appendToBody = false; + + $scope.minDate = new Date(); + $scope.minDateFine = new Date(); + + $scope.searchShows = function() { + $scope.limit = baseLimit; + $scope.loadCount = 0; + $scope.loadShows(); + }; + + // load categories + $http.get('/api/categories?active=true').then(function(response) { + $scope.categories = response.data; + }); +}); diff --git a/client/app/t&c/t&c.html b/client/app/t&c/t&c.html new file mode 100755 index 0000000..4e5ea25 --- /dev/null +++ b/client/app/t&c/t&c.html @@ -0,0 +1,15 @@ +< + +
+
+
+
+

TERMINI E CONDIZIONI

+

Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquid ex ea commodi consequat.

+
+
+
+
+
+ + diff --git a/client/app/t&c/t&c.js b/client/app/t&c/t&c.js new file mode 100755 index 0000000..a74e4b4 --- /dev/null +++ b/client/app/t&c/t&c.js @@ -0,0 +1,15 @@ +'use strict'; + +angular.module('dashboardApp') + .config(function($stateProvider) { + $stateProvider + .state('t&c', { + url: '/t&c', + templateUrl: 'app/t&c/t&c.html', + controller: 'T&CCtrl', + params: { + lng: null, + lat: null + } + }) + }); diff --git a/client/app/t&c/t&c.scss b/client/app/t&c/t&c.scss new file mode 100755 index 0000000..8b805b5 --- /dev/null +++ b/client/app/t&c/t&c.scss @@ -0,0 +1,100 @@ +.poster-view { + margin-top: 30px; +} +.poster { + overflow: hidden; + position: relative; + display: flex; + height: 350px; + width: 33.3%; + float: left; + border: 10px solid #FFF; + box-sizing: border-box; + align-items: center; + justify-content: center; +} +.poster_show { + width: 100% !important; + border: 0 !important; + margin-bottom: 30px; +} +.poster > img { + min-width: 100%; + min-height: 100%; + flex-shrink: 0; +} +.poster.poster-wide { + width: 66.6%; +} + +@media all and (max-width: 768px) { + .poster { + width: 100% !important; + } +} + +.poster_date { + position: absolute; + background: #FFF; + font-family: "Oswald", sans-serif; + font-size: 22px; + font-weight: 300; + color: #000; + top: 0; + left: 20px; + text-transform: uppercase; + text-align: center; + padding: 10px 15px; +} + +.poster:hover { + .poster_overlay { + display: block; + opacity: 1; + } + .poster_date { + display: none; + } +} + +.poster_overlay { + background-color: rgba(255,255,255,0.8); + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + display:none; + opacity: 0; + + .poster_content { + text-align: center; + position: absolute; + top: 20px; + width: 100%; + color: #000; + padding: 20px; + + .avatar { + display: block; + margin: 0 auto; + } + + .user { + font-size: 16px; + margin: 0 0 5px; + } + + h3 { + margin: 0 0 10px; + font-family: "Oswald", sans-serif; + text-transform: uppercase; + font-weight: 700; + font-size: 20px; + } + + .rating { + font-size: 18px; + } + } +} \ No newline at end of file diff --git a/client/components/footer/footer.html b/client/components/footer/footer.html index c47503a..3d20e05 100755 --- a/client/components/footer/footer.html +++ b/client/components/footer/footer.html @@ -1,11 +1,11 @@
diff --git a/client/components/footer/footer.scss b/client/components/footer/footer.scss index be92116..aea472c 100755 --- a/client/components/footer/footer.scss +++ b/client/components/footer/footer.scss @@ -27,3 +27,12 @@ footer .navbar li { text-decoration: none; } } +footer, .push { +height: 70px; +} +.push-home{ +height: 0px; +} +.push-footerApp{ +height: 200px; +} diff --git a/client/index.html b/client/index.html index 95cece5..4b28bc2 100755 --- a/client/index.html +++ b/client/index.html @@ -62,6 +62,16 @@ + + + + + + + + + + -- 2.20.1