kjao/archive
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

css

Browse Source
This commit is contained in:
ksjdragon 2016-02-08 16:57:50 -05:00
parent 8587d11b16
commit d781e1a73b
4 changed files with 207 additions and 45 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

123
scheduleac/client/client.css
View File

@ -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 {
max-width: 40%;
margin-left: 5%;
}
margin-top:1%;
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;
}

52
scheduleac/client/client.html
View File

@ -1,44 +1,52 @@
<head>
<title>scheduleac</title>
<title>AC/Health Schedule</title>
</head>
<body>
<h1>Welcome to Meteor!</h1>
{{> loginButtons}}
{{> client}}
{{> client}}
</body>
<template name="day">
<p>{{pretext}} {{aftertext}} </p>
<p class="type">{{aftertext}} </p><p class="date">{{pretext}}</p>
</template>
<template name="recent">
<p>{{pretext}} {{aftertext}} </p>
<p class="type">{{aftertext}} </p><p class="date">{{pretext}}</p>
</template>
<template name="client">
<div>
{{#each mostrecent}}
{{> recent}}
{{/each}}
<div class="pulltab"></div>
<div class="scale">
{{> sidebar}}
</div>
<div>
<div class="scheduleList">
{{#each mostrecent}}
<div class="recent eachDay">
{{> recent}}
</div>
{{/each}}
{{#each sched}}
<div>
<div class="eachDay">
{{> day}}
</div>
{{/each}}
</div>
</template>
{{#if allowed}}
<input type="text" class="form-control" id="date">
<select id="post">
<option value="AC">AC</option>
<option value="Health">Health</option>
</select>
<button>Submit</button>
{{/if}}
<template name="sidebar">
<div class="sidebar">
<h1>AC/Health Schedule</h1>
{{> loginButtons}}
{{#if allowed}}
<input type="text" class="form-control" id="date">
<select id="post">
<option value="AC">AC</option>
<option value="Health">Health</option>
</select>
<button>Submit</button>
{{/if}}
</div>
</template>

76
scheduleac/client/client.js
View File

@ -1,6 +1,8 @@
var allowedu = {};
var clicked = false;
allowedu["ybq987@gmail.com"] = true;
allowedu["dweinger@bloomfield.org"] = true;
allowedu["ksjdragon@gmail.com"]= true;
Meteor.subscribe('schedule');
@ -15,34 +17,37 @@ Template.client.helpers({
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({
"focus input": function() {
today = new Date()
$('#date').datepicker({
startDate: today.toLocaleDateString(),
orientation: "top auto",
daysOfWeekDisabled: "0,6",
autoclose: true,
todayHighlight: true
});
},
"click button": function() {
pre = document.getElementById("date").value;
document.getElementById("date").value = "";
post = document.getElementById('post').value;
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;
}
});
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
scheduleac/server/serve.js
View File

@ -1,6 +1,7 @@
var allowed = {};
allowed["ybq987@gmail.com"] = true;
allowed["dweinger@bloomfield.org"] = true;
allowed["ksjdragon@gmail.com"] = true;
schedule.permit(['insert', 'update', 'remove']).never().apply();