freenas · thibaultzanini · Apr 4, 2017 · Apr 3, 2017 · Apr 4, 2017
diff --git a/blue-shark/.editorconfig b/blue-shark/.editorconfig
@@ -0,0 +1,12 @@
+# http://editorconfig.org
+root = true
+
+[*]
+indent_style = space
+indent_size = 4
+charset = utf-8
+trim_trailing_whitespace = true
+insert_final_newline = true
+
+[*.md]
+trim_trailing_whitespace = false
diff --git a/blue-shark/LICENSE.md b/blue-shark/LICENSE.md
diff --git a/blue-shark/README.md b/blue-shark/README.md
@@ -0,0 +1,6 @@
+# blue-shark
+The Montage-based widget set created for FreeNAS
+
+`npm install` then `gulp` for editing css
+
+moretk
diff --git a/blue-shark/assets/fonts/icons/freenas.ttf b/blue-shark/assets/fonts/icons/freenas.ttf
diff --git a/blue-shark/assets/fonts/icons/freenas.woff b/blue-shark/assets/fonts/icons/freenas.woff
diff --git a/blue-shark/assets/fonts/lato/Lato-Light-7244318390cc4d36aac4a613ff42d308.woff2 b/blue-shark/assets/fonts/lato/Lato-Light-7244318390cc4d36aac4a613ff42d308.woff2
diff --git a/blue-shark/assets/fonts/lato/Lato-Light-90301aa07d780a09812229d6375c3b28.woff b/blue-shark/assets/fonts/lato/Lato-Light-90301aa07d780a09812229d6375c3b28.woff
diff --git a/blue-shark/assets/fonts/lato/Lato-LightItalic-314210a4825a7cc8ca7db893dfd9d283.woff2 b/blue-shark/assets/fonts/lato/Lato-LightItalic-314210a4825a7cc8ca7db893dfd9d283.woff2
diff --git a/blue-shark/assets/fonts/lato/Lato-LightItalic-b55e385f24f0f9f724dac935fe292ecf.woff b/blue-shark/assets/fonts/lato/Lato-LightItalic-b55e385f24f0f9f724dac935fe292ecf.woff
diff --git a/blue-shark/assets/fonts/lato/Lato-Regular-27bd77b9162d388cb8d4c4217c7c5e2a.woff b/blue-shark/assets/fonts/lato/Lato-Regular-27bd77b9162d388cb8d4c4217c7c5e2a.woff
diff --git a/blue-shark/assets/fonts/lato/Lato-Regular-bd03a2cc277bbbc338d464e679fe9942.woff2 b/blue-shark/assets/fonts/lato/Lato-Regular-bd03a2cc277bbbc338d464e679fe9942.woff2
diff --git a/blue-shark/assets/icons/apple-touch-icon-120x120-precomposed.png b/blue-shark/assets/icons/apple-touch-icon-120x120-precomposed.png
diff --git a/blue-shark/assets/icons/apple-touch-icon-152x152-precomposed.png b/blue-shark/assets/icons/apple-touch-icon-152x152-precomposed.png
diff --git a/blue-shark/assets/icons/apple-touch-icon-76x76-precomposed.png b/blue-shark/assets/icons/apple-touch-icon-76x76-precomposed.png
diff --git a/blue-shark/assets/icons/apple-touch-icon-precomposed.png b/blue-shark/assets/icons/apple-touch-icon-precomposed.png
diff --git a/blue-shark/assets/icons/apple-touch-icon.png b/blue-shark/assets/icons/apple-touch-icon.png
diff --git a/blue-shark/assets/style/style.css b/blue-shark/assets/style/style.css
@@ -0,0 +1,15 @@
+.container > h1 {
+    background-color: #000;
+    color: #fff;
+    margin: -1rem;
+    padding: 1rem;
+}
+
+.container > h2 {
+    color: #E0E5E5;
+    margin-top: 2rem;
+}
+
+.container {
+    margin: 1rem;
+}
diff --git a/blue-shark/core/.npmignore b/blue-shark/core/.npmignore
diff --git a/blue-shark/favicon.ico b/blue-shark/favicon.ico
diff --git a/blue-shark/gulpfile.js b/blue-shark/gulpfile.js
@@ -0,0 +1,85 @@
+var path                    = require('path');
+    gulp                    = require('gulp'),
+    postcss                 = require('gulp-postcss'),
+    header                  = require('gulp-header'),
+    rename                  = require('gulp-rename'),
+    newer                   = require('gulp-newer'),
+    cssnext                 = require('postcss-cssnext'),
+    postcssImport           = require('postcss-import'),
+    styleLint               = require('stylelint'),
+    postcssDiscardComments  = require('postcss-discard-comments'),
+    browserSync             = require('browser-sync').create(),
+    cssnano                 = require('cssnano');
+
+var processors = [
+        styleLint({
+            config: {
+                "extends": "stylelint-config-standard",
+            },
+            plugins: [
+                "stylelint-declaration-strict-value"
+            ],
+            rules: {
+                "number-leading-zero": null,
+                "custom-property-empty-line-before": null,
+                "declaration-colon-space-after": null,
+                "indentation": [4, {
+                    ignore: ["value"]
+                }],
+                "value-no-vendor-prefix": true,
+                "property-no-vendor-prefix": true,
+                "scale-unlimited/declaration-strict-value": [
+                    ["/color/", "box-shadow", "border", "background"],
+                    {"ignoreKeywords": ["inherit", "currentColor", "transparent", "none"]}
+                ]
+            }
+        }),
+        postcssImport,
+        cssnext,
+        postcssDiscardComments,
+        cssnano({autoprefixer: false, safe: true})
+    ],
+    gulpDir = process.cwd(),
+    cssConfig = gulpDir + "/ui/_config.css";
+
+//  Tasks
+
+gulp.task('serve', ['allCss'], function() {
+    browserSync.init({
+        server: "./",
+        port: 3002,
+        ui: { port: 3003 }
+    });
+
+    gulp.watch(blue-shark/ui/**/**/_*.css", ['css']);
+    gulp.watch([blue-shark/ui/_config.css", "ui/_theme.css"], ['allCss']);
+    gulp.watch(blue-shark/ui/**/**/*.html").on('change', browserSync.reload);
+});
+
+gulp.task('css', function() {
+
+    return gulp.src([blue-shark/ui/**/**/_*.css", "!ui/**/**/_config.css"])
+        .pipe(rename(function(path) {
+            path.basename = path.basename.substring(1);
+        }))
+        .pipe(newer({dest: './ui'}))
+        .pipe(header("@import '" + cssConfig + "';"))
+        .pipe(postcss(processors))
+        .pipe(gulp.dest('./ui'))
+        .pipe(browserSync.stream());
+});
+
+gulp.task('allCss', function() {
+
+    return gulp.src([blue-shark/ui/**/**/_*.css", "!ui/**/**/_config.css"])
+        .pipe(rename(function(path) {
+            path.basename = path.basename.substring(1);
+        }))
+        .pipe(header("@import '" + cssConfig + "';"))
+        .pipe(postcss(processors))
+        .pipe(gulp.dest('./ui'))
+        .pipe(browserSync.stream());
+});
+
+// Default task to be run with `gulp`
+gulp.task('default', ['serve']);
diff --git a/blue-shark/index.html b/blue-shark/index.html
@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <meta charset="utf-8">
+	<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=0, minimal-ui">
+	<meta name="mobile-web-app-capable" content="yes">
+	<meta name="apple-mobile-web-app-capable" content="yes">
+	<!-- For iPad with high-resolution Retina display running iOS ≥ 7: -->
+	<link rel="apple-touch-icon-precomposed" sizes="152x152" href="assets/icons/apple-touch-icon-152x152-precomposed.png">
+	<!-- For iPhone with high-resolution Retina display running iOS ≥ 7: -->
+	<link rel="apple-touch-icon-precomposed" sizes="120x120" href="assets/icons/apple-touch-icon-120x120-precomposed.png">
+	<!-- For the iPad mini and the first- and second-generation iPad on iOS ≥ 7: -->
+	<link rel="apple-touch-icon-precomposed" sizes="76x76" href="assets/icons/apple-touch-icon-76x76-precomposed.png">
+	<!-- For non-Retina iPhone, iPod Touch, and Android 2.1+ devices: -->
+	<link rel="apple-touch-icon-precomposed" href="assets/icons/apple-touch-icon-precomposed.png">
+	<!-- For Android 3.x+ devices: -->
+	<link rel="icon" sizes="196x196" href="assets/icons/apple-touch-icon.png">
+
+    <title>blue-shark</title>
+
+    <link rel="stylesheet" href=blue-shark/ui/global.css" />
+
+    <script src="node_modules/montage/montage.js" async></script>
+    <script type="text/montage-serialization">
+    {
+        "owner": {
+            "prototype": "montage/ui/loader.reel"
+        }
+    }
+    </script>
+</head>
+<body>
+    <span class="loading"></span>
+</body>
+</html>
diff --git a/blue-shark/run-tests.html b/blue-shark/run-tests.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <title></title>
+  <meta http-equiv="content-type" content="text/html; charset=utf-8">
+</head>
+<body>
+    <script src="node_modules/montage-testing/support/jasmine.js"></script>
+    <script src="node_modules/montage-testing/support/js-beautify/beautify.js"></script>
+    <link  href="node_modules/montage-testing/reporter/style.css" rel="stylesheet" type="text/css" >
+    <script src="node_modules/montage-testing/reporter/trivial-html.js"></script>
+    <script src="node_modules/montage-testing/jasmine-additions.js" ></script>
+
+    <script src="node_modules/montage/montage.js" data-module="test/all"></script>
+</body>
+</html>
diff --git a/blue-shark/test/all.js b/blue-shark/test/all.js
@@ -0,0 +1,4 @@
+require("montage-testing").run(require,[
+    // Please keep in alphabetical order
+
+]);