css
This commit is contained in:
ksjdragon
parent
8587d11b16
commit
d781e1a73b
@ -1,5 +1,122 @@
|
|||||||
|
@font-face {
|
||||||
|
font-family: 'Lato';
|
||||||
|
src: url('./fonts/lato-light.woff');
|
||||||
|
}
|
||||||
|
|
||||||
|
html {
|
||||||
|
-webkit-touch-callout: none;
|
||||||
|
-webkit-user-select: none;
|
||||||
|
-moz-user-select: none;
|
||||||
|
-ms-user-select: none;
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
|
body {
|
||||||
|
background-color: #F4E1EC;
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
|
h1 {
|
||||||
|
font-family: Lato;
|
||||||
|
font-size: 300%;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
#date {
|
#date {
|
||||||
max-width: 40%;
|
margin-top:1%;
|
||||||
margin-left: 5%;
|
max-width: 60%;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.eachDay {
|
||||||
|
font-family: Lato;
|
||||||
|
font-color: #353535;
|
||||||
|
max-width:30%;
|
||||||
|
background-color: #136FB5;
|
||||||
|
box-shadow: 4px 5px 3px 2px #444;
|
||||||
|
margin-left: auto;
|
||||||
|
margin-right: auto;
|
||||||
|
margin-bottom:2%;
|
||||||
|
padding-top: 1.5%;
|
||||||
|
padding-bottom: 1%;
|
||||||
|
padding-left: 3%;
|
||||||
|
padding-right: 5%;
|
||||||
|
|
||||||
|
-webkit-transition: transform 0.5s ease;
|
||||||
|
-moz-transition: transform 0.5s ease;
|
||||||
|
-ms-transition: transform 0.5s ease;
|
||||||
|
transition: transform 0.5s ease;
|
||||||
|
}
|
||||||
|
|
||||||
|
.eachDay:hover {
|
||||||
|
-webkit-transform: scale(1.02);
|
||||||
|
-moz-transform: scale(1.02);
|
||||||
|
-ms-transform: scale(1.02);
|
||||||
|
transform: scale(1.02);
|
||||||
|
}
|
||||||
|
|
||||||
|
.recent {
|
||||||
|
font-color: #353535;
|
||||||
|
background-color: #5BEF78;
|
||||||
|
}
|
||||||
|
|
||||||
|
.scheduleList {
|
||||||
|
margin-top: 20%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.type {
|
||||||
|
font-size:600%;
|
||||||
|
max-width:30%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.date {
|
||||||
|
font-size:250%;
|
||||||
|
padding-top:2%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pulltab {
|
||||||
|
position:absolute;
|
||||||
|
margin-top:4%;
|
||||||
|
width: 0;
|
||||||
|
height: 0;
|
||||||
|
border-top: 40px solid transparent;
|
||||||
|
border-bottom: 40px solid transparent;
|
||||||
|
|
||||||
|
border-left: 40px solid #FF746B;
|
||||||
|
|
||||||
|
-webkit-transition: transform 0.2s ease, border 0.2s ease, margin 0.3s ease;
|
||||||
|
-moz-transition: transform 0.2s ease, border 0.2s ease, margin 0.3s ease;
|
||||||
|
-ms-transition: transform 0.2s ease, border 0.2s ease, margin 0.3s ease;
|
||||||
|
transition: transform 0.2s ease, border 0.2s ease, margin 0.3s ease;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
.pulltab:hover {
|
||||||
|
-webkit-transform: scale(1.3);
|
||||||
|
-moz-transform: scale(1.3);
|
||||||
|
-ms-transform: scale(1.3);
|
||||||
|
transform: scale(1.3);
|
||||||
|
}
|
||||||
|
|
||||||
|
.sidebar {
|
||||||
|
position:absolute;
|
||||||
|
min-height:100%;
|
||||||
|
|
||||||
|
background-color: #FF746B;
|
||||||
|
box-shadow: 2px 2px 5px 3px #444;
|
||||||
|
padding-left: 5%;
|
||||||
|
padding-right: 2%;
|
||||||
|
padding-top: 2%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.scale {
|
||||||
|
font-family: Lato;
|
||||||
|
min-height:100%;
|
||||||
|
min-width:17%;
|
||||||
|
position: absolute;
|
||||||
|
top: 0;
|
||||||
|
left: -20%;
|
||||||
|
|
||||||
|
-webkit-transition: transform 0.3s ease;
|
||||||
|
-moz-transition: transform 0.3s ease;
|
||||||
|
-ms-transition: transform 0.3s ease;
|
||||||
|
transition: transform 0.3s ease;
|
||||||
|
}
|
||||||
@ -1,44 +1,52 @@
|
|||||||
<head>
|
<head>
|
||||||
<title>scheduleac</title>
|
<title>AC/Health Schedule</title>
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
<h1>Welcome to Meteor!</h1>
|
{{> client}}
|
||||||
{{> loginButtons}}
|
|
||||||
{{> client}}
|
|
||||||
</body>
|
</body>
|
||||||
|
|
||||||
|
|
||||||
<template name="day">
|
<template name="day">
|
||||||
<p>{{pretext}} {{aftertext}} </p>
|
<p class="type">{{aftertext}} </p><p class="date">{{pretext}}</p>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<template name="recent">
|
<template name="recent">
|
||||||
<p>{{pretext}} {{aftertext}} </p>
|
<p class="type">{{aftertext}} </p><p class="date">{{pretext}}</p>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
|
|
||||||
<template name="client">
|
<template name="client">
|
||||||
<div>
|
<div class="pulltab"></div>
|
||||||
{{#each mostrecent}}
|
<div class="scale">
|
||||||
{{> recent}}
|
{{> sidebar}}
|
||||||
{{/each}}
|
|
||||||
</div>
|
</div>
|
||||||
<div>
|
<div class="scheduleList">
|
||||||
|
|
||||||
|
{{#each mostrecent}}
|
||||||
|
<div class="recent eachDay">
|
||||||
|
{{> recent}}
|
||||||
|
</div>
|
||||||
|
{{/each}}
|
||||||
|
|
||||||
{{#each sched}}
|
{{#each sched}}
|
||||||
<div>
|
<div class="eachDay">
|
||||||
{{> day}}
|
{{> day}}
|
||||||
</div>
|
</div>
|
||||||
{{/each}}
|
{{/each}}
|
||||||
</div>
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
{{#if allowed}}
|
<template name="sidebar">
|
||||||
<input type="text" class="form-control" id="date">
|
<div class="sidebar">
|
||||||
<select id="post">
|
<h1>AC/Health Schedule</h1>
|
||||||
<option value="AC">AC</option>
|
{{> loginButtons}}
|
||||||
<option value="Health">Health</option>
|
{{#if allowed}}
|
||||||
</select>
|
<input type="text" class="form-control" id="date">
|
||||||
|
<select id="post">
|
||||||
<button>Submit</button>
|
<option value="AC">AC</option>
|
||||||
{{/if}}
|
<option value="Health">Health</option>
|
||||||
|
</select>
|
||||||
|
<button>Submit</button>
|
||||||
|
{{/if}}
|
||||||
|
</div>
|
||||||
</template>
|
</template>
|
||||||
@ -1,6 +1,8 @@
|
|||||||
var allowedu = {};
|
var allowedu = {};
|
||||||
|
var clicked = false;
|
||||||
allowedu["ybq987@gmail.com"] = true;
|
allowedu["ybq987@gmail.com"] = true;
|
||||||
allowedu["dweinger@bloomfield.org"] = true;
|
allowedu["dweinger@bloomfield.org"] = true;
|
||||||
|
allowedu["ksjdragon@gmail.com"]= true;
|
||||||
|
|
||||||
Meteor.subscribe('schedule');
|
Meteor.subscribe('schedule');
|
||||||
|
|
||||||
@ -15,34 +17,37 @@ Template.client.helpers({
|
|||||||
return schedule.find({}, {sort: {timestamp: 1}, limit: 1}).fetch();
|
return schedule.find({}, {sort: {timestamp: 1}, limit: 1}).fetch();
|
||||||
},
|
},
|
||||||
|
|
||||||
allowed: function() {
|
|
||||||
if (!(Meteor.user() === undefined) && Meteor.user().services.google.email in allowedu) {
|
|
||||||
return true
|
|
||||||
} else {
|
|
||||||
return false;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
});
|
});
|
||||||
|
|
||||||
Template.client.events({
|
Template.client.events({
|
||||||
"focus input": function() {
|
|
||||||
today = new Date()
|
|
||||||
$('#date').datepicker({
|
|
||||||
startDate: today.toLocaleDateString(),
|
|
||||||
orientation: "top auto",
|
|
||||||
daysOfWeekDisabled: "0,6",
|
|
||||||
autoclose: true,
|
|
||||||
todayHighlight: true
|
|
||||||
});
|
|
||||||
},
|
|
||||||
|
|
||||||
"click button": function() {
|
"click button": function() {
|
||||||
pre = document.getElementById("date").value;
|
pre = document.getElementById("date").value;
|
||||||
document.getElementById("date").value = "";
|
document.getElementById("date").value = "";
|
||||||
post = document.getElementById('post').value;
|
post = document.getElementById('post').value;
|
||||||
Meteor.call('add_button', this, pre, post);
|
Meteor.call('add_button', this, pre, post);
|
||||||
|
},
|
||||||
|
|
||||||
|
"click .pulltab": function() {
|
||||||
|
clicked = !clicked;
|
||||||
|
Session.set("sidebar", clicked);
|
||||||
|
if(clicked) {
|
||||||
|
$(".pulltab").css("border-left", "40px solid #DD655D").css("margin-left", "17%");
|
||||||
|
$(".scale")
|
||||||
|
.css("-webkit-transform", "translateX(117%)")
|
||||||
|
.css("-moz-transform", "translateX(117%)")
|
||||||
|
.css("-ms-transform", "translateX(117%)")
|
||||||
|
.css("transform", "translateX(117%)");
|
||||||
|
|
||||||
|
} else {
|
||||||
|
$(".pulltab").css("border-left", "40px solid #FF746B").css("margin-left", "0");
|
||||||
|
$(".scale")
|
||||||
|
.css("-webkit-transform", "translateX(-59%)")
|
||||||
|
.css("-moz-transform", "translateX(-59%)")
|
||||||
|
.css("-ms-transform", "translateX(-59%)")
|
||||||
|
.css("transform", "translateX(-59%)");
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
|
|
||||||
@ -63,3 +68,34 @@ Template.recent.helpers({
|
|||||||
return this.aftertext;
|
return this.aftertext;
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
|
|
||||||
|
Template.sidebar.helpers({
|
||||||
|
allowed: function() {
|
||||||
|
if (!(Meteor.user() === undefined) && Meteor.user().services.google.email in allowedu) {
|
||||||
|
return true;
|
||||||
|
} else {
|
||||||
|
return false;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
Template.sidebar.events({
|
||||||
|
"focus input": function() {
|
||||||
|
today = new Date()
|
||||||
|
$('#date').datepicker({
|
||||||
|
startDate: today.toLocaleDateString(),
|
||||||
|
orientation: "top auto",
|
||||||
|
daysOfWeekDisabled: "0,6",
|
||||||
|
autoclose: true,
|
||||||
|
todayHighlight: true
|
||||||
|
});
|
||||||
|
}
|
||||||
|
})
|
||||||
|
|
||||||
|
function getScale(number) {
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|||||||
@ -1,6 +1,7 @@
|
|||||||
var allowed = {};
|
var allowed = {};
|
||||||
allowed["ybq987@gmail.com"] = true;
|
allowed["ybq987@gmail.com"] = true;
|
||||||
allowed["dweinger@bloomfield.org"] = true;
|
allowed["dweinger@bloomfield.org"] = true;
|
||||||
|
allowed["ksjdragon@gmail.com"] = true;
|
||||||
|
|
||||||
|
|
||||||
schedule.permit(['insert', 'update', 'remove']).never().apply();
|
schedule.permit(['insert', 'update', 'remove']).never().apply();
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user