-
Notifications
You must be signed in to change notification settings - Fork 15
lab-khalid #9
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
base: master
Are you sure you want to change the base?
lab-khalid #9
Changes from all commits
File filter
Filter by extension
Conversations
Jump to
Diff view
Diff view
There are no files selected for viewing
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,21 @@ | ||
{ | ||
"rules": { | ||
"no-console": "off", | ||
"indent": [ "error", 2 ], | ||
"quotes": [ "error", "single" ], | ||
"semi": ["error", "always"], | ||
"linebreak-style": [ "error", "unix" ] | ||
}, | ||
"env": { | ||
"es6": true, | ||
"node": true, | ||
"mocha": true, | ||
"jasmine": true | ||
}, | ||
"ecmaFeatures": { | ||
"modules": true, | ||
"experimentalObjectRestSpread": true, | ||
"impliedStrict": true | ||
}, | ||
"extends": "eslint:recommended" | ||
} |
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,127 @@ | ||
# Created by https://www.gitignore.io/api/node,vim,macos,linux,windows | ||
.DS_Store | ||
node_modules/ | ||
.env | ||
### Node ### | ||
# Logs | ||
logs | ||
*.log | ||
npm-debug.log* | ||
|
||
# Runtime data | ||
pids | ||
*.pid | ||
*.seed | ||
*.pid.lock | ||
|
||
# Directory for instrumented libs generated by jscoverage/JSCover | ||
lib-cov | ||
|
||
# Coverage directory used by tools like istanbul | ||
coverage | ||
|
||
# nyc test coverage | ||
.nyc_output | ||
|
||
# Grunt intermediate storage (http://gruntjs.com/creating-plugins#storing-task-files) | ||
.grunt | ||
|
||
# node-waf configuration | ||
.lock-wscript | ||
|
||
# Compiled binary addons (http://nodejs.org/api/addons.html) | ||
build/Release | ||
|
||
# Dependency directories | ||
node_modules | ||
jspm_packages | ||
|
||
# Optional npm cache directory | ||
.npm | ||
|
||
# Optional eslint cache | ||
.eslintcache | ||
|
||
# Optional REPL history | ||
.node_repl_history | ||
|
||
# Output of 'npm pack' | ||
*.tgz | ||
|
||
# Yarn Integrity file | ||
.yarn-integrity | ||
|
||
|
||
|
||
### Vim ### | ||
# swap | ||
[._]*.s[a-w][a-z] | ||
[._]s[a-w][a-z] | ||
# session | ||
Session.vim | ||
# temporary | ||
.netrwhist | ||
*~ | ||
# auto-generated tag files | ||
tags | ||
|
||
|
||
### macOS ### | ||
*.DS_Store | ||
.AppleDouble | ||
.LSOverride | ||
|
||
# Icon must end with two \r | ||
Icon | ||
# Thumbnails | ||
._* | ||
# Files that might appear in the root of a volume | ||
.DocumentRevisions-V100 | ||
.fseventsd | ||
.Spotlight-V100 | ||
.TemporaryItems | ||
.Trashes | ||
.VolumeIcon.icns | ||
.com.apple.timemachine.donotpresent | ||
# Directories potentially created on remote AFP share | ||
.AppleDB | ||
.AppleDesktop | ||
Network Trash Folder | ||
Temporary Items | ||
.apdisk | ||
|
||
|
||
### Linux ### | ||
|
||
# temporary files which can be created if a process still has a handle open of a deleted file | ||
.fuse_hidden* | ||
|
||
# KDE directory preferences | ||
.directory | ||
|
||
# Linux trash folder which might appear on any partition or disk | ||
.Trash-* | ||
|
||
# .nfs files are created when an open file is removed but is still being accessed | ||
.nfs* | ||
build | ||
|
||
### Windows ### | ||
# Windows image file caches | ||
Thumbs.db | ||
ehthumbs.db | ||
|
||
# Folder config file | ||
Desktop.ini | ||
|
||
# Recycle Bin used on file shares | ||
$RECYCLE.BIN/ | ||
|
||
# Windows Installer files | ||
*.cab | ||
*.msi | ||
*.msm | ||
*.msp | ||
|
||
There was a problem hiding this comment. Choose a reason for hiding this commentThe reason will be displayed to describe this comment to others. Learn more. Build Directory+build/ you can throw this in to increase the points on your grade |
||
# Windows shortcuts | ||
*.lnk |
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1 @@ | ||
{} |
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,30 @@ | ||
'use strict'; | ||
|
||
require('./scss/reset.scss'); | ||
require('./scss/main.scss'); | ||
|
||
const | ||
angular = require('angular'), | ||
cowsay = require('cowsay-browser'), | ||
|
||
cowsayApp = angular.module('cowsayApp', []); | ||
|
||
cowsayApp.controller('CowsayController', ['$log', '$scope', CowsayController]); | ||
|
||
function CowsayController($log, $scope) { | ||
$log.debug('CowsayController'); | ||
|
||
let cowsayCtrl = $scope.cowsayCtrl = {}; | ||
|
||
cowsayCtrl.title = 'Welcome to Farmville'; | ||
|
||
cowsayCtrl.speak = function(input){ | ||
$log.debug('cowsayCtrl.speak()'); | ||
return cowsay.say({text: input || 'Mooooooo'}); | ||
}; | ||
|
||
cowsayCtrl.logger = function(input){ | ||
$log.debug('cowsayCtrl.logger()'); | ||
$log.log(input); | ||
}; | ||
} |
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,28 @@ | ||
<!DOCTYPE html> | ||
<html ng-app="cowsayApp"> | ||
<head> | ||
<title>Welcome to Farmville</title> | ||
There was a problem hiding this comment. Choose a reason for hiding this commentThe reason will be displayed to describe this comment to others. Learn more. (-(-(--)_-)-) |
||
</head> | ||
<body> | ||
<main> | ||
<section class="container" ng-controller="CowsayController"> | ||
<h2>{{ cowsayCtrl.title }}<h2> | ||
|
||
<pre class="cow"> | ||
{{ cowsayCtrl.speak( cowsayCtrl.text) }} | ||
</pre> | ||
|
||
<input type="text" ng-model="cowsayCtrl.text"> | ||
<button ng-click="cowsayCtrl.logger(cowsayCtrl.text)"> LOG IT</button> | ||
|
||
</section> | ||
<section class="container" ng-controller="CowsayController"> | ||
<h1>Two way data binding</h1> | ||
|
||
<p class="text-binder"> {{ cowsayCtrl.bindText }}</p> | ||
<input type="text" ng-model="cowsayCtrl.bindText"> | ||
|
||
</section> | ||
</main> | ||
</body> | ||
</html> |
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,76 @@ | ||
// :::: $vars :::: | ||
|
||
$brand-primary: #444; | ||
$btn-primary: $brand-primary / 2; | ||
$btn-hover: #31b1c1; | ||
$black: #000; | ||
$white: #fff; | ||
$box-std: 40%; | ||
$gutter-std: 5%; | ||
$gutter-sm: $gutter-std / 2; | ||
|
||
// :::: global styles :::: | ||
|
||
body { | ||
font-family: helvetica; | ||
font-size: 2vw; | ||
background: $brand-primary * 3; | ||
} | ||
|
||
h2 { | ||
font-size: 3vw; | ||
text-align: center; | ||
margin-bottom: $gutter-std; | ||
} | ||
|
||
button { | ||
float: right; | ||
width: $box-std; | ||
padding: 2% 0; | ||
background: $btn-primary / 3; | ||
color: #fff; | ||
border: none; | ||
border-radius: 3px; | ||
cursor: pointer; | ||
transition: 350ms all; | ||
|
||
&:hover { | ||
background: $btn-hover; | ||
} | ||
} | ||
|
||
input[type="text"] { | ||
float: left; | ||
width: $box-std + 10%; | ||
margin-right: $gutter-std / 2; | ||
padding: 2%; | ||
border: none; | ||
border-radius: 3px; | ||
} | ||
|
||
pre { | ||
font-family: monospace; | ||
margin: $gutter-std; | ||
} | ||
|
||
// :::: app styles :::: | ||
|
||
.container { | ||
float: left; | ||
width: $box-std; | ||
margin: 5%; | ||
} | ||
|
||
.text-binder { | ||
height: 15vw; | ||
font-size: 3vw; | ||
margin: $gutter-std; | ||
padding: 1vw; | ||
color: $white; | ||
background: $brand-primary / 3; | ||
border: dotted .25vw $brand-primary; | ||
|
||
+ input { | ||
width: 100%; | ||
} | ||
} |
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,48 @@ | ||
/* http://meyerweb.com/eric/tools/css/reset/ | ||
v2.0 | 20110126 | ||
License: none (public domain) | ||
*/ | ||
|
||
html, body, div, span, applet, object, iframe, | ||
h1, h2, h3, h4, h5, h6, p, blockquote, pre, | ||
a, abbr, acronym, address, big, cite, code, | ||
del, dfn, em, img, ins, kbd, q, s, samp, | ||
small, strike, strong, sub, sup, tt, var, | ||
b, u, i, center, | ||
dl, dt, dd, ol, ul, li, | ||
fieldset, form, label, legend, | ||
table, caption, tbody, tfoot, thead, tr, th, td, | ||
article, aside, canvas, details, embed, | ||
figure, figcaption, footer, header, hgroup, | ||
menu, nav, output, ruby, section, summary, | ||
time, mark, audio, video { | ||
margin: 0; | ||
padding: 0; | ||
border: 0; | ||
font-size: 100%; | ||
font: inherit; | ||
vertical-align: baseline; | ||
} | ||
/* HTML5 display-role reset for older browsers */ | ||
article, aside, details, figcaption, figure, | ||
footer, header, hgroup, menu, nav, section { | ||
display: block; | ||
} | ||
body { | ||
line-height: 1; | ||
} | ||
ol, ul { | ||
list-style: none; | ||
} | ||
blockquote, q { | ||
quotes: none; | ||
} | ||
blockquote:before, blockquote:after, | ||
q:before, q:after { | ||
content: ''; | ||
content: none; | ||
} | ||
table { | ||
border-collapse: collapse; | ||
border-spacing: 0; | ||
} |
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,26 @@ | ||
{ | ||
"name": "lab-khalid", | ||
"version": "1.0.0", | ||
"description": "", | ||
"main": "index.js", | ||
"scripts": { | ||
"build": "./node_modules/webpack/bin/webpack.js", | ||
"watch":"./node_modules/webpack-dev-server/bin/webpack-dev-server.js --inline --hot" | ||
}, | ||
There was a problem hiding this comment. Choose a reason for hiding this commentThe reason will be displayed to describe this comment to others. Learn more. "lint": "./node_modules/.bin/eslint ./**/*.js" missing this script |
||
"keywords": [], | ||
"author": "", | ||
"license": "ISC", | ||
"dependencies": { | ||
"angular": "^1.6.3", | ||
"cowsay-browser": "^1.1.8", | ||
"css-loader": "^0.27.3", | ||
"html-webpack-plugin": "^2.28.0", | ||
"node-sass": "^4.5.0", | ||
"sass-loader": "^6.0.3", | ||
"style-loader": "^0.14.1", | ||
"webpack": "^1.14.0" | ||
}, | ||
"devDependencies": { | ||
"webpack-dev-server": "^1.16.2" | ||
} | ||
There was a problem hiding this comment. Choose a reason for hiding this commentThe reason will be displayed to describe this comment to others. Learn more. "eslint": "^3.18.0", this dependency needs to be added for the lint script |
||
} |
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,24 @@ | ||
'use strict'; | ||
|
||
const HTMLPlugin = require('html-webpack-plugin'); | ||
|
||
module.exports = { | ||
entry: `${__dirname}/app/entry.js`, | ||
output:{ | ||
filename: 'bundle.js', | ||
path: 'build' | ||
}, | ||
plugins: [ | ||
new HTMLPlugin({ | ||
template: `${__dirname}/app/index.html` | ||
}) | ||
], | ||
module: { | ||
loaders: [ | ||
{ | ||
test: /\.scss$/, | ||
loader: 'style!css!sass' | ||
} | ||
] | ||
} | ||
}; |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
ignore build/
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
▓⚗_⚗▓