Copied starter Meteor App files.

Cut and paste of the BasicMeteorApp.
This commit is contained in:
2018-07-30 14:15:39 -07:00
parent b65fc15fb8
commit 94000458e4
89 changed files with 27017 additions and 1 deletions

View File

@@ -0,0 +1,32 @@
<template name="Admin">
{{> sAlert}}
<div id="mainAdmin">
<nav class="leftSidebarContainer generalSidebar">
<a href="javascript:" class="fa fa-bars leftSidebarMenuButton generalMenuButton" aria-hidden="true"></a>
<div class="leftSidebar">
<div class="logoArea">
<i class="fa fa-sign-out fa-2x signOut" aria-hidden="true"></i>
<div class="logo"><img src="/images/Logo_v1.png" height="60px"/></div>
</div>
<div class="menuArea generalMenu">
<ul>
<li class="{{isActiveRoute 'UserManagement'}}">
<a href="{{pathFor 'UserManagement'}}">
Users
</a>
</li>
<!-- Below is a second menu with a tag attached. -->
<!--<li class="{{isActiveRoute 'Misc'}}">-->
<!--<a href="{{pathFor 'Misc'}}">-->
<!--Misc &lt;!&ndash; <span class="tag">sample tag</span>&ndash;&gt;-->
<!--</a>-->
<!--</li>-->
</ul>
</div>
</div>
</nav>
<div class="contentBody verticalStack">
{{> Template.dynamic template=content}}
</div>
</div>
</template>

189
imports/ui/layouts/Admin.import.styl vendored Normal file
View File

@@ -0,0 +1,189 @@
#mainAdmin
margin: 0
padding: 0
border: 0
height: 100%
width: 100%
nav.leftSidebarContainer
z-index:999
position: fixed
top: 0
width: 220px
padding: 0
height: 100%
border: 0
vertical-align: top
text-align: left
background-color: #90b272 //Old browsers
background: -moz-linear-gradient(-180deg, #90b272 0%, #4d7727 100%) //FF3.6-15
background: -webkit-linear-gradient(-180deg, #90b272 0%,#4d7727 100%) //Chrome10-25,Safari5.1-6
background: linear-gradient(180deg, #90b272 0%,#4d7727 100%) //W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+
font-size: 14px
font-weight: 700
overflow: visible
margin: 0 0 0 -220px
-webkit-transition: .5s ease-in
-moz-transition: .5s ease-in
-o-transition: .5s ease-in
-ms-transition: .5s ease-in
transition: .5s ease-in
.leftSidebarMenuButton
position: absolute
right: -30px
-webkit-transition: .5s ease-in
-moz-transition: .5s ease-in
-o-transition: .5s ease-in
-ms-transition: .5s ease-in
transition: .5s ease-in
-webkit-border-top-right-radius: 5px
-webkit-border-bottom-right-radius: 5px
-moz-border-radius-topright: 5px
-moz-border-radius-bottomright: 5px
border-top-right-radius: 5px
border-bottom-right-radius: 5px
color: black
font-size: 20px
line-height: 20px
font-weight: 900
text-align: center
text-decoration: none
width: 30px
height: 30px
padding: 5px 0
background-color: #90b272
display: block
border-top: 1px solid #494
border-right: 1px solid #494
border-bottom: 1px solid #494
.leftSidebarMenuButton:hover
color: rgba(150,0,0,.5)
nav.generalSidebar
.leftSidebarMenuButton
top: 10px
nav.menuHide .leftSidebarMenuButton
right: 60px
nav.menuShow
margin: 0
nav.menuShow .leftSidebarMenuButton
right: -15px
-webkit-transform: rotate(45deg) !important
-moz-transform: rotate(45deg) !important
-o-transform: rotate(45deg) !important
-ms-transform: rotate(45deg) !important
transform: rotate(45deg) !important
-moz-border-radius-bottomright: 0
//border-top-right-radius: 0
border-bottom-right-radius: 0
border-bottom: 0
.leftSidebar
height: 100%
//position: absolute
border: 0
vertical-align: top
padding: 0
text-align: left
//top: 0px
//left: 0px
//bottom: 0px
width: 220px
//Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#627d4d+0,1f3b08+100;Olive+3D
background-color: #90b272 //Old browsers
background: -moz-linear-gradient(-180deg, #90b272 0%, #4d7727 100%) //FF3.6-15
background: -webkit-linear-gradient(-180deg, #90b272 0%,#4d7727 100%) //Chrome10-25,Safari5.1-6
background: linear-gradient(180deg, #90b272 0%,#4d7727 100%) //W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+
font-size: 14px
font-weight: 700
overflow: hidden
.logoArea
width: 100%
min-height: 50px
.signOut
position: absolute
left: 10px
top: 10px
color: white
cursor: pointer
.signOut:hover
color: #BBB
.signOut:active
color: black
.logo
text-align: center
margin-top: 20px
img:hover
//-webkit-animation: neon6_drop 1.5s ease-in-out infinite alternate;
//-moz-animation: neon6_drop 1.5s ease-in-out infinite alternate;
animation: neon6_drop 1.5s ease-in-out infinite alternate;
.menuArea
width: 100%
ul
padding: 20px 0 0 0
margin: 0
list-style: none
li:first-child
border-top: 1px solid #e4e5e7
li
border-bottom: 1px solid #e4e5e7
color: #96a2ae
text-transform: uppercase
display: block
a
color: black
padding: 10px 20px
cursor: pointer
text-decoration: none
display: block
.tag
padding: .3em .6em
margin-top: -.2em
font-size: .8em
color: #ddd
white-space: nowrap
vertical-align: baseline
border-radius: .5em
border: 1px solid #000000
float: right
.subMenu
background-color: #999
padding: .3em .6em
margin-top: -.2em
font-size: .8em
color: #fff
white-space: nowrap
vertical-align: baseline
border-radius: .5em
border: 1px solid #000000
float: right
.subMenu.active
background-color: #333
li:hover
// Note: neon6 is defined in effects.import.styl
background-color: #666
-webkit-animation: neon6 1.5s ease-in-out infinite alternate
-moz-animation: neon6 1.5s ease-in-out infinite alternate
animation: neon6 1.5s ease-in-out infinite alternate
.subMenu
// Note: neon6 is defined in effects.import.styl
background-color: #999
-webkit-animation: neon7 1.5s ease-in-out infinite alternate
-moz-animation: neon7 1.5s ease-in-out infinite alternate
animation: neon7 1.5s ease-in-out infinite alternate
li.active
background-color: #333
> a
color: #96a2ae
li.active:hover
background-color: #333
> a
color: white
.contentBody
flex: 1 1 1px
padding: 10px 20px
-webkit-box-shadow: inset 4px 2px 10px -3px rgba(168,165,168,1)
-moz-box-shadow: inset 4px 2px 10px -3px rgba(168,165,168,1)
box-shadow: inset 8px 0px 10px -3px rgba(168,165,168,1)
overflow: hidden

View File

@@ -0,0 +1,54 @@
import { Template } from 'meteor/templating';
import './Admin.html';
Template.Admin.toggleMenu = function($sidebar) {
let $sidebars = $('nav.leftSidebarContainer');
for(let i = 0; i < $sidebars.length; i++) {
if($sidebars[i] == $sidebar[0]) {
$sidebar.toggleClass('menuShow');
}
else {
$($sidebars[i]).toggleClass('menuHide');
}
}
};
Template.Admin.events({
"click .signOut": function(event, template) {
AccountsTemplates.logout();
},
// General Menu
"click .generalSidebar .leftSidebarMenuButton": function(event, template) {
event.preventDefault();
Template.Admin.toggleMenu($('nav.generalSidebar'));
},
"click .generalSidebar .leftSidebar a": function(event, template) {
Template.Admin.toggleMenu($('nav.generalSidebar'));
},
"click .generalSidebar .leftSidebar a .subMenu": function(event, template) {
Template.Admin.toggleMenu($('nav.generalSidebar'));
},
// Graphs Menu
"click .graphsSidebar .leftSidebarMenuButton": function(event, template) {
event.preventDefault();
Template.Admin.toggleMenu($('nav.graphsSidebar'));
},
"click .graphsSidebar .leftSidebar a": function(event, template) {
Template.Admin.toggleMenu($('nav.graphsSidebar'));
},
"click .graphsSidebar .leftSidebar a .subMenu": function(event, template) {
Template.Admin.toggleMenu($('nav.graphsSidebar'));
},
// Settings Menu
"click .settingsSidebar .leftSidebarMenuButton": function(event, template) {
event.preventDefault();
Template.Admin.toggleMenu($('nav.settingsSidebar'));
},
"click .settingsSidebar .leftSidebar a": function(event, template) {
Template.Admin.toggleMenu($('nav.settingsSidebar'));
},
"click .settingsSidebar .leftSidebar a .subMenu": function(event, template) {
Template.Admin.toggleMenu($('nav.settingsSidebar'));
}
});

View File

@@ -0,0 +1,9 @@
<template name="Login">
<div id="login" class="content">
<div class="spacer"> </div>
<div class="contentBox">
<img src="/images/Logo_v1.png"/>
<div class="form">{{> Template.dynamic template=content}}</div>
</div>
</div>
</template>

63
imports/ui/layouts/Login.import.styl vendored Normal file
View File

@@ -0,0 +1,63 @@
#login.content
background: white
height: 100%
.spacer
height: 10%
.contentBox
margin: 0 auto
max-width: 600px
background-color: #88d15a
-webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.5);
-moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.5);
box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.5);
padding: 40px 10px
text-align: center
img
height: 120px
vertical-align: top
.form
display: inline-block
margin-left: 20px
input
padding: 8px
width: 300px
margin-bottom: 10px
label
display: none
fieldset
border: none
.at-btn
margin-bottom: 6px
text-align: center
width: 300px
background: #34d955;
background-image: -webkit-linear-gradient(top, #5d942b, #4b7d26)
background-image: -moz-linear-gradient(top, #5d942b, #4b7d26)
background-image: -ms-linear-gradient(top, #5d942b, #4b7d26)
background-image: -o-linear-gradient(top, #5d942b, #4b7d26)
background-image: linear-gradient(to bottom, #5d942b, #4b7d26)
font-family: "Arial Black", Arial
color: #ffffff
font-size: 14px
line-height: 16px
padding: 10px 20px 10px 20px
text-decoration: none
text-transform: uppercase
border: none
.at-btn:hover
background: #29b54f
background-image: -webkit-linear-gradient(top, #29b54f, #186b31)
background-image: -moz-linear-gradient(top, #29b54f, #186b31)
background-image: -ms-linear-gradient(top, #29b54f, #186b31)
background-image: -o-linear-gradient(top, #29b54f, #186b31)
background-image: linear-gradient(to bottom, #29b54f, #186b31)
text-decoration: none
cursor: pointer
.at-link
color: #1555b4
font: Arial
font-size: 12px
font-weight: 800
text-decoration: none
.at-link:hover
text-decoration: underline

View File

@@ -0,0 +1 @@
import './Login.html';

View File

@@ -0,0 +1,29 @@
<template name="Public">
{{> sAlert}}
<div id="publicBody">
<div id="page">
<div id="menu"><!-- Note: Comment out spacing between the elements since the browser will interpret the spaces as characters to be displayed.
--><a href="/Home">Home</a><!--
--></div>
<div id="links">
<!-- Note: Comment out spacing between the elements since the browser will interpret the spaces as characters to be displayed. -->
<a id="linkFacebook" href="" target='_blank' rel="nofollow"></a><!--
--><a id="linkGoogle" href="" target='_blank' rel="nofollow"></a><!--
--><a id="linkTwitter" href="" target='_blank' rel="nofollow"></a>
</div>
<div id="menuBackground"></div> <!-- A spacer between the menu and the header image. -->
<div id="head">
<!-- Logo click takes the user back to home -->
<div id="logo" onclick="window.location='/Home'"></div>
</div>
<div id="content">
{{> Template.dynamic template=content}}
</div>
</div>
<!-- footer lines -->
<div id="footer">&copy; 2018 Just Me | My Email <a href="mailto:me@somewhere.com">me@somewhere.com</a></div>
<div id="designedBy" style="">
Web Site By: <a href="http://somewhere.com" style="font-weight: normal" target="_blank">Your Company</a>
</div>
</div>
</template>

181
imports/ui/layouts/Public.import.styl vendored Normal file
View File

@@ -0,0 +1,181 @@
#publicBody
position: relative
max-width: 950px
min-width: 250px
margin: 0 auto
#page
background: #FDFDFD
@media(max-width: 549px)
#head
margin: 0 auto
height: 0
#logo
position: absolute
right: 5px
top: 0
width: 40px
height: 40px
background: url(images/Logo_v1.png) no-repeat top center
background-size: 40px 40px
cursor: pointer
.page
margin: 0 auto
padding: 6px 4px
position: relative
#menuBackground
height: 20px
max-width: 950px
background: #FFF
#menu
white-space: nowrap
position: absolute
height: 20px
z-index: 200
font-family: "Open Sans", Arial, Helvetica, sans-serif
font-weight: 600
font-size: .8em
#menu a
margin: 0 0 0 5px
text-decoration: none
color: black
line-height: 20px
display: inline-block
height: 20px
border-bottom: 1px solid transparent
/* Force the browser to include padding and border as part of the size of the block. */
-webkit-box-sizing: border-box /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box /* Firefox, other Gecko */
box-sizing: border-box /* Opera/IE 8+ */
#menu a:hover
opacity: .7
color: black
border-bottom: 1px solid red
#links
white-space: nowrap
position: absolute
right: 50px
top: 26px
height: 15px
width: 60px
text-align: left
z-index: 100
font-family: Arial, Helvetica, sans-serif
font-size: .8em
font-weight: 800
#links a
display: inline-block
width: 20px
height: 15px
border-bottom: 1px solid transparent
/* Force the browser to include padding and border as part of the size of the block. */
-webkit-box-sizing: border-box /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box /* Firefox, other Gecko */
box-sizing: border-box /* Opera/IE 8+ */
#links a:hover
border-bottom: 1px solid red
opacity: .7
#linkFacebook
background: url('images/Facebook_v2.png') no-repeat center center
background-size: auto 9px
#linkGoogle
background: url('images/GooglePlus_v2.png') no-repeat center center
background-size: 12px auto
#linkTwitter
background: url('images/Twitter_v2.png') no-repeat center center
background-size: 12px auto
@media(min-width: 550px)
#head
margin: 0 auto
background: url(images/Header_v1.jpg) no-repeat top center
background-size: contain
max-width: 950px
height: 171px
#logo
position: absolute
right: 10px
top: 10px
width: 120px
height: 120px
background: url(images/Logo_v1.png) no-repeat top center
background-size: 120px 120px
cursor: pointer
.page
margin: 0 auto
padding: 30px 20px
position: relative
#menuBackground
height: 31px
max-width: 950px
background: #FFF
#menu
white-space: nowrap
position: absolute
height: 30px
margin-bottom: 1px
z-index: 200
font-family: "Open Sans", Arial, Helvetica, sans-serif
font-weight: 600
font-size: 1em
#menu a
margin: 0 0 0 16px
text-decoration: none
color: black
line-height: 30px
display: inline-block
height: 30px
border-bottom: 3px solid transparent
/* Force the browser to include padding and border as part of the size of the block. */
-webkit-box-sizing: border-box /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box /* Firefox, other Gecko */
box-sizing: border-box /* Opera/IE 8+ */
#menu a.holidayMenuItem
font-family: "Grand Hotel", "Open Sans", Arial, Helvetica, sans-serif
font-weight: 400
font-size: 1.3em
letter-spacing: 1px
vertical-align: top
#menu a.shippingMenuItem
font-family: "Grand Hotel", "Open Sans", Arial, Helvetica, sans-serif
font-weight: 400
font-size: 1.3em
letter-spacing: 1px
vertical-align: top
#menu a:hover
opacity: 1
color: black
background: transparent
border-bottom: 3px solid #a20010
#link
white-space: nowrap
position: absolute
right: 10px
top: 130px
height: 30px
width: 120px
text-align: center
z-index: 200
font-family: Arial, Helvetica, sans-serif
font-weight: 800
font-size: 1em
#links a
display: inline-block
width: 30px
height: 30px
border-bottom: 2px solid transparent
/* Force the browser to include padding and border as part of the size of the block. */
-webkit-box-sizing: border-box /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box /* Firefox, other Gecko */
box-sizing: border-box /* Opera/IE 8+ */
#links a:hover
border-bottom: 2px solid rgb(200, 146, 186) /*#a20010;*/
opacity: 1
#linkFacebook
background: url('images/Facebook_white_v2.png') no-repeat center 5px
background-size: 20px auto
#linkGoogle
background: url('images/GooglePlus_white_v2.png') no-repeat center 6px
background-size: 20px auto
#linkTwitter
background: url('images/Twitter_white_v2.png') no-repeat center 7px
background-size: 20px auto

View File

@@ -0,0 +1,6 @@
import { Template } from 'meteor/templating';
import './Public.html';
Template.Public.events({
});