Skip to content
Permalink
Browse files

doc: Autogen examples with Jenkins + cmdline

  • Loading branch information...
MikeMitterer committed Nov 2, 2018
1 parent 58fd197 commit 0a790b0eed3fc3f9374b17a2a4832617ee0b9af0
@@ -9,3 +9,4 @@ build/

# Directory created by dartdoc
doc/api/
**/.deploy
@@ -1,2 +1,9 @@
# Material 4 Dart - Directives

## Examples
> [GitHub](https://github.com/MikeMitterer/m4d_directive)
- [m4d_attribute.example.mikemitterer.at](http://m4d_attribute.example.mikemitterer.at)
- [m4d_class.example.mikemitterer.at](http://m4d_class.example.mikemitterer.at)
- [m4d_model.example.mikemitterer.at](http://m4d_model.example.mikemitterer.at)

@@ -18,17 +18,14 @@ dependencies:

path: ^1.4.0

m4d_core:
# '>=0.1.0 <1.0.0'
path: /Volumes/Daten/DevLocal/DevDart/m4d/m4d_core
m4d_core: '>=0.1.0 <1.0.0'
# path: /Volumes/Daten/DevLocal/DevDart/m4d/m4d_core

m4d_flux:
# '>=0.1.0 <1.0.0'
path: /Volumes/Daten/DevLocal/DevDart/m4d/m4d_flux
m4d_flux: '>=0.1.0 <1.0.0'
# path: /Volumes/Daten/DevLocal/DevDart/m4d/m4d_flux

m4d_components:
# '>=0.1.0 <1.0.0'
path: /Volumes/Daten/DevLocal/DevDart/m4d/m4d_components
m4d_components: '>=0.1.0 <1.0.0'
# path: /Volumes/Daten/DevLocal/DevDart/m4d/m4d_components

dev_dependencies:
test: any
@@ -1,4 +1,9 @@
log.level=info

pubspec.template=../../tool/templates/pubspec.tmpl.yaml
pubspec.template=../_templates/pubspec.tmpl.yaml

sample.html.template=../_templates/default.index.html
sample.content=.sitegen/html/_content/index.html

sample.appstyle=../_templates/default.app.scss

@@ -1,14 +1,15 @@
# Rsync-Destination für dieses sample
#
# - ssh ls2
# - cat ~/website/config/nginx/_template.conf.txt | sed -e 's/%example%/mdld_attribute/' > ~/website/config/nginx/mdld_attribute.conf
# - cat ~/website/config/nginx/mdld_attribute.conf
# - sudo mkdir -p ~/website/data/example/mdld_attribute
# - sudo chown ubuntu:ubuntu ~/website/data/example/mdld_attribute
# - sudo chmod 775 ~/website/data/example/mdld_attribute
# - ls -lad ~/website/data/example/mdld_attribute
# - cat ~/website/config/nginx/_template.conf.txt | sed -e 's/%example%/m4d_attribute/' > ~/website/config/nginx/m4d_attribute.conf
# - cat ~/website/config/nginx/m4d_attribute.conf
# - sudo mkdir -p ~/website/data/example/m4d_attribute
# - sudo chown ubuntu:ubuntu ~/website/data/example/m4d_attribute
# - sudo chmod 775 ~/website/data/example/m4d_attribute
# - echo 'm4d_attribute' > ~/website/data/example/m4d_attribute/index.html
# - ls -lad ~/website/data/example/m4d_attribute
# - cd ~/website && docker-compose restart
#
RSYNC_DESTINATION=":~/website/data/example/mdld_attribute/"
EXAMPLE_URL="http://mdld_attribute.example.mikemitterer.at/"
RSYNC_DESTINATION=":~/website/data/example/m4d_attribute/"
EXAMPLE_URL="http://m4d_attribute.example.mikemitterer.at/"

@@ -1,23 +1,45 @@
title: ATTRIBUTE
samplename: attribute
sampleurl: https://github.com/MikeMitterer/dart-material-design-lite-site/tree/master/samples/mdld_attribute/web
sampleurl: https://github.com/MikeMitterer/m4d_directive/tree/master/samples/m4d_attribute/web
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
<div class="demo-preview-block">
<div class="controls">
<div class="controls" mdl-attribute="!hasBorder : style='border: 3px solid red' ">
<div class="mdl-textfield">
<input class="mdl-textfield__input" type="text" id="sample-text-attribute" mdl-attribute="!checkAttribute : 'disabled' "/>
<label class="mdl-textfield__label" for="sample-text-attribute" mdl-class="checkAttribute : 'enabled'">
<input class="mdl-textfield__input" type="text" id="sample-text-attribute"
mdl-attribute="!checkAttribute : disabled "/>
<label class="mdl-textfield__label" for="sample-text-attribute"
mdl-class="checkAttribute : enabled">
<span class="enabled">Type something</span>
<span class="disabled">I'm Disabled</span>
</label>
</div>
<button class="mdl-button mdl-ripple-effect" mdl-attribute="!checkAttribute : 'disabled' ">Submit</button>
<button class="mdl-button mdl-ripple-effect" mdl-attribute="!checkAttribute : disabled ">
Submit
</button>
</div>

<div class="switches">
<label class="mdl-switch mdl-ripple-effect" for="switch-attribute">
<input type="checkbox" id="switch-attribute" class="mdl-switch__input" mdl-model="checkAttribute"/>
<input type="checkbox" id="switch-attribute" class="mdl-switch__input"/>
<span class="mdl-switch__label">Turn 'disabled' on/off</span>
</label>

<label class="mdl-switch mdl-ripple-effect" for="switch-border">
<input type="checkbox" id="switch-border" class="mdl-switch__input"/>
<span class="mdl-switch__label">Add border</span>
</label>
</div>

<p mdl-attribute="hasBorder : style='border: 3px solid green',!hasBorder : style='border: 3px solid yellow'">
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor
invidunt ut labore et
dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores
et ea rebum. Stet
clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum
dolor sit amet,
consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore
magna aliquyam erat,
sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd
gubergren, no
sea takimata sanctus est Lorem ipsum dolor sit amet.</p>
</div>
@@ -1,9 +1,12 @@
name: mdld_attribute_sample
description: Material Design Lite 'mdld_class' Sample
version: 0.1.3
name: m4d_attribute_sample
description: Material4Dart (m4d) 'm4d_attribute' Sample
version: 0.1.0
author: Mike Mitterer <office@mikemitterer.at>
homepage: https://github.com/MikeMitterer/dart-material-design-lite

environment:
sdk: ">=2.0.0 <3.0.0"

dependencies:

m4d_directive:
@@ -16,4 +19,4 @@ dependencies:
dev_dependencies:
build_runner: any
build_web_compilers: any
sass_builder: any
sass_builder: any
@@ -1,6 +1,6 @@
html, body {
margin: 0;
padding: 0;
margin: 0;
padding: 0;
}

h1, h2 {
@@ -18,38 +18,39 @@ h2 {


.ribbon {
width: 100%;
height: 30vh;
width: 100%;
height: 30vh;
}

.demo-page > .mdl-layout__container > .mdl-layout > * {
flex-shrink: 0;
flex-shrink: 0;
}

.demo-page > .mdl-layout__container > .mdl-layout > main.mdl-layout__content.mdl-layout__content {
margin-top: -25vh;
margin-top: -25vh;
}

/*header.mdl-layout__header {*/
/*display: flex !important;*/
/*display: flex !important;*/
/*}*/

.container {
max-width: 1600px;
width: 100%;
margin: 0 auto;
max-width: 1600px;
width: 100%;
margin: 0 auto;
}

.content {
border-radius: 2px;
padding: 24px;
border-radius: 2px;
padding: 24px;
}

.mdl-layout__content .demo-section { min-height: 500px; }

.mdl-mini-footer {
padding-top: 12px;
padding-bottom: 12px;
font-size: 12px;
}

#view-source {
@@ -21,11 +21,11 @@
}
}
}
.mdl-layout p, .switches {
.demo-preview-block > p, .switches {
margin-top: 1em;
}

.switches, .controls, .mdl-layout p {
.switches, .controls, .demo-preview-block > p {
padding: 1em;
}
}
@@ -1,13 +1,12 @@
<!doctype html>
<html lang="">
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="description" content="Material Design Lite (MDL/Dart) for Dart is a library of components for web developers based on Google's Material Design, ported to Dart.">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>ATTRIBUTE</title>



<!-- Add to homescreen for Chrome on Android -->
<meta name="mobile-web-app-capable" content="yes">
<link rel="icon" sizes="192x192" href="packages/mdl/assets/images/touch/chrome-touch-icon-192x192.png">
@@ -38,9 +37,6 @@
body.mdl-upgrading div.loading { display: block; }
header, body { padding: 0; margin: 0; }
</style>

</head>
@@ -62,13 +58,17 @@
<div class="demo-preview-block">
<div class="controls" mdl-attribute="!hasBorder : style='border: 3px solid red' ">
<div class="mdl-textfield">
<input class="mdl-textfield__input" type="text" id="sample-text-attribute" mdl-attribute="!checkAttribute : disabled "/>
<label class="mdl-textfield__label" for="sample-text-attribute" mdl-class="checkAttribute : enabled">
<input class="mdl-textfield__input" type="text" id="sample-text-attribute"
mdl-attribute="!checkAttribute : disabled "/>
<label class="mdl-textfield__label" for="sample-text-attribute"
mdl-class="checkAttribute : enabled">
<span class="enabled">Type something</span>
<span class="disabled">I'm Disabled</span>
</label>
</div>
<button class="mdl-button mdl-ripple-effect" mdl-attribute="!checkAttribute : disabled ">Submit</button>
<button class="mdl-button mdl-ripple-effect" mdl-attribute="!checkAttribute : disabled ">
Submit
</button>
</div>

<div class="switches">
@@ -84,21 +84,29 @@
</div>

<p mdl-attribute="hasBorder : style='border: 3px solid green',!hasBorder : style='border: 3px solid yellow'">
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et
dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet
clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet,
consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat,
sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no
sea takimata sanctus est Lorem ipsum dolor sit amet.</p>
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor
invidunt ut labore et
dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores
et ea rebum. Stet
clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum
dolor sit amet,
consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore
magna aliquyam erat,
sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd
gubergren, no
sea takimata sanctus est Lorem ipsum dolor sit amet.</p>
</div>

</section>
</div>
</div>
</main>
<footer class="mdl-mini-footer">
<div class="mdl-mini-footer--left-section">
<p class="sitegen-link">Page was generated with <a href="https://pub.dartlang.org/packages/sitegen" target="_blank">SiteGen.</a>
<span class="additional-info">The static site generator for Dart.</span></p>
<div>Sample for pub-package:
<a href="https://pub.dartlang.org/packages/m4d_directive" target="_blank">m4d_directive</a>
<span class="published">/ published: <span class="pubdate">2018-11-02 / 17:58:18</span></span>
</div>
</div>
<div class="mdl-mini-footer--right-section">
<p class="mm-link">Brought to you by:
@@ -108,11 +116,11 @@

</footer>
</div>
<a href="https://github.com/MikeMitterer/dart-material-design-lite-site/tree/master/samples/mdld_attribute/web" target="_blank" id="view-source">
<a href="https://github.com/MikeMitterer/m4d_directive/tree/master/samples/m4d_attribute/web" target="_blank" id="view-source">
<button class="mdl-button mdl-button--fab mdl-ripple-effect mdl-button--accent"><i class="material-icons">pageview</i></button>
</a>
<script defer src="main.dart.js"></script>

<script defer src="main.dart.js"></script>

<!-- Analytics -->
<script>
@@ -1,4 +1,8 @@
log.level=info

pubspec.template=../../tool/templates/pubspec.tmpl.yaml
pubspec.template=../_templates/pubspec.tmpl.yaml

sample.html.template=../_templates/default.index.html
sample.content=.sitegen/html/_content/index.html

sample.appstyle=../_templates/default.app.scss
@@ -1,14 +1,15 @@
# Rsync-Destination für dieses sample
#
# - ssh ls2
# - cat ~/website/config/nginx/_template.conf.txt | sed -e 's/%example%/mdld_class/' > ~/website/config/nginx/mdld_class.conf
# - cat ~/website/config/nginx/mdld_class.conf
# - sudo mkdir -p ~/website/data/example/mdld_class
# - sudo chown ubuntu:ubuntu ~/website/data/example/mdld_class
# - sudo chmod 775 ~/website/data/example/mdld_class
# - ls -lad ~/website/data/example/mdld_class
# - cat ~/website/config/nginx/_template.conf.txt | sed -e 's/%example%/m4d_class/' > ~/website/config/nginx/m4d_class.conf
# - cat ~/website/config/nginx/m4d_class.conf
# - sudo mkdir -p ~/website/data/example/m4d_class
# - sudo chown ubuntu:ubuntu ~/website/data/example/m4d_class
# - sudo chmod 775 ~/website/data/example/m4d_class
# - echo 'm4d_class' > ~/website/data/example/m4d_class/index.html
# - ls -lad ~/website/data/example/m4d_class
# - cd ~/website && docker-compose restart
#
RSYNC_DESTINATION=":~/website/data/example/mdld_class/"
EXAMPLE_URL="http://mdld_class.example.mikemitterer.at/"
RSYNC_DESTINATION=":~/website/data/example/m4d_class/"
EXAMPLE_URL="http://m4d_class.example.mikemitterer.at/"

@@ -1,6 +1,6 @@
title: CLASS
samplename: class
sampleurl: https://github.com/MikeMitterer/dart-material-design-lite-site/tree/master/samples/mdld_class/web
sampleurl: https://github.com/MikeMitterer/m4d_directive/tree/master/samples/m4d_class/web
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
<div class="demo-preview-block">
<div class="testtext" mdl-class="hasBorder : 'withborder'">
@@ -1,9 +1,12 @@
name: mdld_class_sample
description: Material Design Lite 'mdld_class' Sample
version: 0.1.3
name: m4d_class_sample
description: Material4Dart (m4d) 'm4d_class' Sample
version: 0.1.0
author: Mike Mitterer <office@mikemitterer.at>
homepage: https://github.com/MikeMitterer/dart-material-design-lite

environment:
sdk: ">=2.0.0 <3.0.0"

dependencies:

m4d_directive:
@@ -16,4 +19,4 @@ dependencies:
dev_dependencies:
build_runner: any
build_web_compilers: any
sass_builder: any
sass_builder: any
Oops, something went wrong.

0 comments on commit 0a790b0

Please sign in to comment.
You can’t perform that action at this time.