fixed css, removed scrollbar
This commit is contained in:
parent
5eedb68e0f
commit
59125b4f35
@ -14,5 +14,4 @@ fortawesome:fontawesome
|
|||||||
templates:tabs
|
templates:tabs
|
||||||
accounts-ui
|
accounts-ui
|
||||||
percolate:momentum
|
percolate:momentum
|
||||||
maazalik:malihu-jquery-custom-scrollbar
|
|
||||||
ongoworks:security
|
ongoworks:security
|
||||||
|
|||||||
@ -41,7 +41,6 @@ less@1.0.12
|
|||||||
livedata@1.0.12
|
livedata@1.0.12
|
||||||
localstorage@1.0.2
|
localstorage@1.0.2
|
||||||
logging@1.0.6
|
logging@1.0.6
|
||||||
maazalik:malihu-jquery-custom-scrollbar@3.0.6
|
|
||||||
meteor@1.1.4
|
meteor@1.1.4
|
||||||
meteor-platform@1.2.1
|
meteor-platform@1.2.1
|
||||||
minifiers@1.1.3
|
minifiers@1.1.3
|
||||||
|
|||||||
78
chromebook-checkout-meteor/.meteor/versions~
Normal file
78
chromebook-checkout-meteor/.meteor/versions~
Normal file
@ -0,0 +1,78 @@
|
|||||||
|
accounts-base@1.1.3
|
||||||
|
accounts-google@1.0.3
|
||||||
|
accounts-oauth@1.1.3
|
||||||
|
accounts-ui@1.1.4
|
||||||
|
accounts-ui-unstyled@1.1.5
|
||||||
|
alanning:roles@1.2.13
|
||||||
|
application-configuration@1.0.4
|
||||||
|
autoupdate@1.1.4
|
||||||
|
base64@1.0.2
|
||||||
|
binary-heap@1.0.2
|
||||||
|
blaze@2.0.4
|
||||||
|
blaze-tools@1.0.2
|
||||||
|
boilerplate-generator@1.0.2
|
||||||
|
callback-hook@1.0.2
|
||||||
|
check@1.0.3
|
||||||
|
coffeescript@1.0.5
|
||||||
|
ddp@1.0.13
|
||||||
|
deps@1.0.6
|
||||||
|
ejson@1.0.5
|
||||||
|
fastclick@1.0.2
|
||||||
|
follower-livedata@1.0.3
|
||||||
|
fortawesome:fontawesome@4.2.0_2
|
||||||
|
geojson-utils@1.0.2
|
||||||
|
google@1.1.3
|
||||||
|
html-tools@1.0.3
|
||||||
|
htmljs@1.0.3
|
||||||
|
http@1.0.9
|
||||||
|
id-map@1.0.2
|
||||||
|
iron:controller@1.0.6
|
||||||
|
iron:core@1.0.6
|
||||||
|
iron:dynamic-template@1.0.6
|
||||||
|
iron:layout@1.0.6
|
||||||
|
iron:location@1.0.6
|
||||||
|
iron:middleware-stack@1.0.6
|
||||||
|
iron:router@1.0.6
|
||||||
|
iron:url@1.0.6
|
||||||
|
jquery@1.0.2
|
||||||
|
json@1.0.2
|
||||||
|
launch-screen@1.0.1
|
||||||
|
less@1.0.12
|
||||||
|
livedata@1.0.12
|
||||||
|
localstorage@1.0.2
|
||||||
|
logging@1.0.6
|
||||||
|
maazalik:malihu-jquery-custom-scrollbar@2.8.3
|
||||||
|
meteor@1.1.4
|
||||||
|
meteor-platform@1.2.1
|
||||||
|
minifiers@1.1.3
|
||||||
|
minimongo@1.0.6
|
||||||
|
mobile-status-bar@1.0.2
|
||||||
|
momentjs:moment@2.8.4
|
||||||
|
mongo@1.0.10
|
||||||
|
mrt:purecss@0.6.0
|
||||||
|
oauth@1.1.3
|
||||||
|
oauth2@1.1.2
|
||||||
|
observe-sequence@1.0.4
|
||||||
|
ongoworks:security@1.0.1
|
||||||
|
ordered-dict@1.0.2
|
||||||
|
percolate:momentum@0.7.0
|
||||||
|
percolate:velocityjs@1.1.0
|
||||||
|
random@1.0.2
|
||||||
|
reactive-dict@1.0.5
|
||||||
|
reactive-var@1.0.4
|
||||||
|
reload@1.1.2
|
||||||
|
retry@1.0.2
|
||||||
|
routepolicy@1.0.3
|
||||||
|
service-configuration@1.0.3
|
||||||
|
session@1.0.5
|
||||||
|
spacebars@1.0.4
|
||||||
|
spacebars-compiler@1.0.4
|
||||||
|
templates:array@1.0.0
|
||||||
|
templates:tabs@1.1.0
|
||||||
|
templating@1.0.10
|
||||||
|
tracker@1.0.4
|
||||||
|
ui@1.0.5
|
||||||
|
underscore@1.0.2
|
||||||
|
url@1.0.3
|
||||||
|
webapp@1.1.5
|
||||||
|
webapp-hashing@1.0.2
|
||||||
@ -1,6 +1,3 @@
|
|||||||
.yield:hover, .yieldc:hover {
|
|
||||||
color: #E14C2B;
|
|
||||||
}
|
|
||||||
.row-admin {
|
.row-admin {
|
||||||
min-width: 100%;
|
min-width: 100%;
|
||||||
}
|
}
|
||||||
@ -11,7 +8,7 @@
|
|||||||
margin-top: 0%;
|
margin-top: 0%;
|
||||||
font-size: 14pt;
|
font-size: 14pt;
|
||||||
}
|
}
|
||||||
.add, .addc {
|
.add {
|
||||||
background: #d94158;
|
background: #d94158;
|
||||||
background-image: -webkit-linear-gradient(top, #d94158, #ad3838);
|
background-image: -webkit-linear-gradient(top, #d94158, #ad3838);
|
||||||
background-image: -moz-linear-gradient(top, #d94158, #ad3838);
|
background-image: -moz-linear-gradient(top, #d94158, #ad3838);
|
||||||
@ -27,7 +24,7 @@
|
|||||||
width: 97%;
|
width: 97%;
|
||||||
font-size: 18pt;
|
font-size: 18pt;
|
||||||
}
|
}
|
||||||
.add:hover, .addc:hover {
|
.add:hover {
|
||||||
background: #db6b6b;
|
background: #db6b6b;
|
||||||
background-image: -webkit-linear-gradient(top, #db6b6b, #d64949);
|
background-image: -webkit-linear-gradient(top, #db6b6b, #d64949);
|
||||||
background-image: -moz-linear-gradient(top, #db6b6b, #d64949);
|
background-image: -moz-linear-gradient(top, #db6b6b, #d64949);
|
||||||
@ -35,20 +32,4 @@
|
|||||||
background-image: -o-linear-gradient(top, #db6b6b, #d64949);
|
background-image: -o-linear-gradient(top, #db6b6b, #d64949);
|
||||||
background-image: linear-gradient(to bottom, #db6b6b, #d64949);
|
background-image: linear-gradient(to bottom, #db6b6b, #d64949);
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
}
|
|
||||||
.border {
|
|
||||||
padding: 1% 0px 1% 15px;
|
|
||||||
overflow:auto;
|
|
||||||
min-width:700px;
|
|
||||||
}
|
|
||||||
.remove {
|
|
||||||
margin-bottom: 4%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.yield:hover {
|
|
||||||
color: #E14C2B;
|
|
||||||
}
|
|
||||||
|
|
||||||
.row {
|
|
||||||
min-width: 80%;
|
|
||||||
}
|
}
|
||||||
@ -5,7 +5,6 @@
|
|||||||
</div>
|
</div>
|
||||||
{{#teacherTabs tabs=tabs}}
|
{{#teacherTabs tabs=tabs}}
|
||||||
<!-- Single -->
|
<!-- Single -->
|
||||||
<div class="border">
|
|
||||||
<div>
|
<div>
|
||||||
<h6>Edit Chromebooks</h6> <!-- Edit Chromebooks -->
|
<h6>Edit Chromebooks</h6> <!-- Edit Chromebooks -->
|
||||||
{{#momentum plugin='slide-fade'}}
|
{{#momentum plugin='slide-fade'}}
|
||||||
@ -24,27 +23,25 @@
|
|||||||
<input type="submit" value="Submit" class="add" />
|
<input type="submit" value="Submit" class="add" />
|
||||||
</form>
|
</form>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
|
||||||
<!-- Carts -->
|
<!-- Carts -->
|
||||||
<div class="border">
|
|
||||||
<div>
|
<div>
|
||||||
<h6> Edit Carts</h6> <!-- Edit Carts -->
|
<h6> Edit Carts</h6> <!-- Edit Carts -->
|
||||||
{{#momentum plugin='slide-fade'}}
|
{{#momentum plugin='slide-fade'}}
|
||||||
{{#each carts}}
|
{{#each carts}}
|
||||||
<div class="row-admin">
|
<div class="row-admin">
|
||||||
{{>cart}}
|
{{>cart}}
|
||||||
<i class="icons yieldc fa fa-exclamation-triangle fa-lg"></i>
|
<i class="icons yield fa fa-exclamation-triangle fa-lg"></i>
|
||||||
<i class="icons crossc fa fa-times fa-lg"></i>
|
<i class="icons cross fa fa-times fa-lg"></i>
|
||||||
</div>
|
</div>
|
||||||
{{/each}}
|
{{/each}}
|
||||||
{{/momentum}}
|
{{/momentum}}
|
||||||
<h6>Add a Cart</h6> <!-- Adding Carts -->
|
<h6>Add a Cart</h6> <!-- Adding Carts -->
|
||||||
<form class="new-task">
|
<form class="new-task">
|
||||||
<input type="text" name="acnumber" placeholder="Cart Number (ex. A)" class="submission"/>
|
<input type="text" name="acnumber" placeholder="Cart Number (ex. A)" class="submission"/>
|
||||||
<input type="submit" value="Submit" class="add, addc" />
|
<input type="submit" value="Submit" class="add addc" />
|
||||||
</form>
|
</form>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
|
||||||
{{/teacherTabs}}
|
{{/teacherTabs}}
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
@ -52,12 +52,3 @@ Template.admin.events({
|
|||||||
}
|
}
|
||||||
});
|
});
|
||||||
|
|
||||||
Template.admin.rendered = function() {
|
|
||||||
|
|
||||||
$(".border.tabs-content").mCustomScrollbar({
|
|
||||||
theme: 'dark',
|
|
||||||
scrollInertia: 10,
|
|
||||||
mouseWheel: { deltaFactor: 30 },
|
|
||||||
alwaysShowScrollbar: 2
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|||||||
4
chromebook-checkout-meteor/client/checkout.html
Normal file → Executable file
4
chromebook-checkout-meteor/client/checkout.html
Normal file → Executable file
@ -3,8 +3,8 @@
|
|||||||
<div>
|
<div>
|
||||||
<h5>Chromebook Checkout</h5>
|
<h5>Chromebook Checkout</h5>
|
||||||
</div>
|
</div>
|
||||||
<div class="chckBorder">
|
<div class="dataContainer">
|
||||||
<div class="chckChromebooks">
|
<div>
|
||||||
{{#momentum plugin='slide-fade'}}
|
{{#momentum plugin='slide-fade'}}
|
||||||
{{#each chromebooks}}
|
{{#each chromebooks}}
|
||||||
<div class="row">
|
<div class="row">
|
||||||
|
|||||||
@ -3,12 +3,4 @@ Template.checkout.helpers({
|
|||||||
return Chromebooks.find({}, {sort: {number: 1}});
|
return Chromebooks.find({}, {sort: {number: 1}});
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
Template.checkout.rendered = function() {
|
|
||||||
|
|
||||||
$(".chckChromebooks").mCustomScrollbar({
|
|
||||||
theme: 'dark',
|
|
||||||
scrollInertia: 10,
|
|
||||||
mouseWheel: { deltaFactor: 40 },
|
|
||||||
alwaysShowScrollbar: 2
|
|
||||||
});
|
|
||||||
}
|
|
||||||
@ -1,12 +1,7 @@
|
|||||||
body {
|
|
||||||
-webkit-user-select: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.pure-u-3-5 {
|
.pure-u-3-5 {
|
||||||
margin-top: 1.5%;
|
margin-top: 1.5%;
|
||||||
margin-bottom: 1.5%;
|
margin-bottom: 1.5%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.chromebook {
|
.chromebook {
|
||||||
font-family: Lato;
|
font-family: Lato;
|
||||||
padding-left:2%;
|
padding-left:2%;
|
||||||
@ -16,42 +11,39 @@ body {
|
|||||||
box-shadow: 3px 3px 10px #c2c2c2;
|
box-shadow: 3px 3px 10px #c2c2c2;
|
||||||
color: #000000;
|
color: #000000;
|
||||||
height: 10%;
|
height: 10%;
|
||||||
max-width: 81%;
|
|
||||||
max-height: 10%;
|
max-height: 10%;
|
||||||
max-height: 70px;
|
max-height: 70px;
|
||||||
min-width: 79%;
|
|
||||||
}
|
}
|
||||||
|
.checkout {
|
||||||
.checkout, .teacher {
|
min-width: 760px;
|
||||||
min-width: 94%;
|
max-width: 760px;
|
||||||
|
}
|
||||||
|
.teacher {
|
||||||
|
min-width: 805px;
|
||||||
|
max-width: 805px;
|
||||||
|
}
|
||||||
|
.admin {
|
||||||
|
max-width: 700px;
|
||||||
|
min-width: 700px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.chromebook:hover {
|
.chromebook:hover {
|
||||||
box-shadow: 5px 0 12px #919191, -5px 0 12px #919191;
|
box-shadow: 5px 0 12px #919191, -5px 0 12px #919191;
|
||||||
outline: #25abd9 solid 3px;
|
outline: #25abd9 solid 3px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.timestamp {
|
.timestamp {
|
||||||
color: #6D6E6D;
|
color: #6D6E6D;
|
||||||
float: right;
|
float: right;
|
||||||
}
|
}
|
||||||
|
|
||||||
.icons {
|
.icons {
|
||||||
float: right;
|
float: right;
|
||||||
margin-top: 3%;
|
margin-top: 27px;
|
||||||
margin-left: 2%;
|
margin-left: 17px;
|
||||||
color: #5A5A5A;
|
color: #5A5A5A;
|
||||||
transition: color 0.5s;
|
transition: color 0.5s;
|
||||||
}
|
}
|
||||||
.yield {
|
.cross:hover, .yield:hover {
|
||||||
margin-right: 2%;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
.cross:hover, .crossc:hover{
|
|
||||||
color: #E14C2B;
|
color: #E14C2B;
|
||||||
}
|
}
|
||||||
|
|
||||||
.user {
|
.user {
|
||||||
font-size: 65%;
|
font-size: 65%;
|
||||||
margin-top: 2%;
|
margin-top: 2%;
|
||||||
@ -69,22 +61,18 @@ body {
|
|||||||
margin-bottom: 0%;
|
margin-bottom: 0%;
|
||||||
transition: color 0.5s;
|
transition: color 0.5s;
|
||||||
}
|
}
|
||||||
|
|
||||||
.available {
|
.available {
|
||||||
background-color:#72D376;
|
background-color:#72D376;
|
||||||
transition: background-color 1s;
|
transition: background-color 1s;
|
||||||
}
|
}
|
||||||
|
|
||||||
.checkedout {
|
.checkedout {
|
||||||
background-color:#F9DB45;
|
background-color:#F9DB45;
|
||||||
transition: background-color 1s;
|
transition: background-color 1s;
|
||||||
}
|
}
|
||||||
|
|
||||||
.unavailable {
|
.unavailable {
|
||||||
background-color:#E14C2B;
|
background-color:#E14C2B;
|
||||||
transition: background-color 1s;
|
transition: background-color 1s;
|
||||||
}
|
}
|
||||||
|
|
||||||
.unavailable .user, .unavailable .time {
|
.unavailable .user, .unavailable .time {
|
||||||
color: white;
|
color: white;
|
||||||
}
|
}
|
||||||
|
|||||||
@ -1,5 +1,5 @@
|
|||||||
<template name="chromebook">
|
<template name="chromebook">
|
||||||
<div class="chromebook {{status_class}} {{url}}">
|
<div class="chromebook {{status_class}} {{page}}">
|
||||||
<p class="pure-u-3-5">Chromebook #{{number}}</p>
|
<p class="pure-u-3-5">Chromebook #{{number}}</p>
|
||||||
{{#if status}}
|
{{#if status}}
|
||||||
<div class="timestamp pure-u-2-5">
|
<div class="timestamp pure-u-2-5">
|
||||||
|
|||||||
@ -17,8 +17,8 @@ Template.chromebook.helpers({
|
|||||||
return moment(this.last_checkout).fromNow();
|
return moment(this.last_checkout).fromNow();
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
url: function() {
|
page: function() {
|
||||||
return window.location.href.replace("http://cbook.meteor.com/", "");
|
return Router.current().route.path().replace("/", "");
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
|
|
||||||
|
|||||||
@ -15,7 +15,6 @@ body {
|
|||||||
color:#777;
|
color:#777;
|
||||||
font-weight:300;
|
font-weight:300;
|
||||||
height:100%;
|
height:100%;
|
||||||
overflow:hidden;
|
|
||||||
width: 100%;
|
width: 100%;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
}
|
}
|
||||||
@ -52,6 +51,7 @@ h6 {
|
|||||||
.main-center, .main-center-admin {
|
.main-center, .main-center-admin {
|
||||||
max-height:650px;
|
max-height:650px;
|
||||||
margin-top:4%;
|
margin-top:4%;
|
||||||
|
padding: 0.7%;
|
||||||
}
|
}
|
||||||
.main-center {
|
.main-center {
|
||||||
max-width:825px;
|
max-width:825px;
|
||||||
@ -62,13 +62,20 @@ h6 {
|
|||||||
/* End */
|
/* End */
|
||||||
|
|
||||||
/* Chromebook Content */
|
/* Chromebook Content */
|
||||||
.chromebooks, .chckChromebooks, .tchChromebooks {
|
|
||||||
overflow: auto;
|
|
||||||
padding-top:.5%;
|
|
||||||
padding-bottom:.5%;
|
|
||||||
}
|
|
||||||
.row, .row-admin {
|
.row, .row-admin {
|
||||||
max-height: 10%;
|
max-height: 10%;
|
||||||
display: flex !important;
|
display: flex !important;
|
||||||
}
|
}
|
||||||
/* End */
|
.row {
|
||||||
|
min-width: 80%;
|
||||||
|
}
|
||||||
|
.dataContainer {
|
||||||
|
min-height: 425px;
|
||||||
|
max-height: 425px;
|
||||||
|
min-width: 875px;
|
||||||
|
max-width: 875px;
|
||||||
|
padding: 1% 80% 1% 0px;
|
||||||
|
margin-right: -80% !important;
|
||||||
|
overflow: auto;
|
||||||
|
}
|
||||||
|
/* End */
|
||||||
|
|||||||
@ -38,4 +38,7 @@ Router.route('/teacher', function() {
|
|||||||
} else {
|
} else {
|
||||||
this.redirect('/login');
|
this.redirect('/login');
|
||||||
}
|
}
|
||||||
|
});
|
||||||
|
Router.plugin('dataNotFound', function() {
|
||||||
|
this.redirect('/')
|
||||||
});
|
});
|
||||||
@ -26,15 +26,15 @@
|
|||||||
background-color: rgba(212, 212, 212, .7);
|
background-color: rgba(212, 212, 212, .7);
|
||||||
border-bottom: 5px solid rgba(225, 76, 43, .5);
|
border-bottom: 5px solid rgba(225, 76, 43, .5);
|
||||||
}
|
}
|
||||||
.tab-item.active:hover {
|
|
||||||
border-bottom: 5px solid #E14C2B;
|
|
||||||
background-color: #fff;
|
|
||||||
}
|
|
||||||
.tabs-content-container {
|
.tabs-content-container {
|
||||||
padding: 4.2% 15px 15px 15px;
|
padding: 4.2% 15px 15px 15px;
|
||||||
}
|
}
|
||||||
.tabs-content {
|
.tabs-content {
|
||||||
overflow: auto;
|
min-height: 425px;
|
||||||
min-height: 425px;
|
max-height: 425px;
|
||||||
max-height: 425px;
|
min-width: 875px;
|
||||||
|
max-width: 875px;
|
||||||
|
padding: 1% 80% 1% 0px;
|
||||||
|
margin-right: -80% !important;
|
||||||
|
overflow: auto;
|
||||||
}
|
}
|
||||||
|
|||||||
@ -5,7 +5,6 @@
|
|||||||
</div>
|
</div>
|
||||||
{{#teacherTabs tabs=tabs}}
|
{{#teacherTabs tabs=tabs}}
|
||||||
<!-- Single -->
|
<!-- Single -->
|
||||||
<div class="tchChromebooks">
|
|
||||||
<div>
|
<div>
|
||||||
<div>
|
<div>
|
||||||
{{#momentum plugin='slide-fade'}}
|
{{#momentum plugin='slide-fade'}}
|
||||||
@ -17,9 +16,7 @@
|
|||||||
{{/momentum}}
|
{{/momentum}}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
|
||||||
<!-- Carts -->
|
<!-- Carts -->
|
||||||
<div class="tchChromebooks">
|
|
||||||
<div>
|
<div>
|
||||||
{{#momentum plugin='slide-fade'}}
|
{{#momentum plugin='slide-fade'}}
|
||||||
{{#each carts}}
|
{{#each carts}}
|
||||||
@ -29,7 +26,6 @@
|
|||||||
{{/each}}
|
{{/each}}
|
||||||
{{/momentum}}
|
{{/momentum}}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
|
||||||
{{/teacherTabs}}
|
{{/teacherTabs}}
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
@ -11,10 +11,7 @@ Template.teacher.helpers({
|
|||||||
{ name: 'Single', slug: 'single' },
|
{ name: 'Single', slug: 'single' },
|
||||||
{ name: 'Carts', slug: 'carts' }
|
{ name: 'Carts', slug: 'carts' }
|
||||||
];
|
];
|
||||||
}
|
},
|
||||||
});
|
|
||||||
|
|
||||||
Template.teacher.helpers({
|
|
||||||
chromebooks: function() {
|
chromebooks: function() {
|
||||||
return Chromebooks.find({}, {sort: {number: 1}});
|
return Chromebooks.find({}, {sort: {number: 1}});
|
||||||
},
|
},
|
||||||
@ -22,12 +19,3 @@ Template.teacher.helpers({
|
|||||||
return carts.find();
|
return carts.find();
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
Template.teacher.rendered = function() {
|
|
||||||
|
|
||||||
$(".tchChromebooks").mCustomScrollbar({
|
|
||||||
theme: 'dark',
|
|
||||||
scrollInertia: 10,
|
|
||||||
mouseWheel: { deltaFactor: 30 },
|
|
||||||
alwaysShowScrollbar: 2
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user