Swarmlab.io DocLive is a *free online AsciiDoc editor*. - Just type AsciiDoc source text, - ...and the live preview appears
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 

269 lines
7.9 KiB

<template>
<div id="app">
<!-- ***************** nav items ****************** -->
<b-navbar toggleable="md" class="navbar-secondary" >
<b-navbar-toggle target="nav_collapse"> </b-navbar-toggle>
<b-navbar-brand class="logo simple-text ti-swarmlab text-secondary">
<a href="http://www.swarmlab.io" target="_swarmlabwww" style="color:inherit"> Swarmlab.io </a>
Doclive
</b-navbar-brand>
<b-collapse is-nav id="nav_collapse">
<b-navbar-nav>
</b-navbar-nav>
<!-- Right aligned nav items -->
<b-navbar-nav class="ml-auto">
<b-nav-item href="http://docs.swarmlab.io/SwarmLab-HowTos/labs/Howtos/asciidoc/AsciiDocSyntaxQuickReference.adoc.html" target="_ascii" > Asciidoc_QuickReference </b-nav-item>
<b-nav-item > | </b-nav-item>
<b-nav-item href="https://git.swarmlab.io:3000" target="_swarmlabgit"> Swarmlab_git </b-nav-item>
<b-nav-item > | </b-nav-item>
<b-nav-item href="https://api-client.swarmlab.io:8088/#/signin?redirect=%2Fdashboard" target="_swarmlab"> Lab_onDemand </b-nav-item>
<b-nav-item > | </b-nav-item>
<!--
<b-nav-form>
<b-form-input size="sm" class="mr-sm-2" type="text" placeholder="Search"/>
<b-button size="sm" class="my-2 my-sm-0" type="submit">Search</b-button>
</b-nav-form>
-->
<b-nav-item-dropdown right>
<!-- Using template slot -->
<template slot="button-content">
<em>Template</em>
</template>
<b-dropdown-item >
<button type="button"
round
class="btn btn-outline-info btn-sm"
@click="addtemplate('LabTemplate')">
LabTemplate</button>
</b-dropdown-item>
</b-nav-item-dropdown>
<b-nav-item > &nbsp; &nbsp; &nbsp; </b-nav-item>
<button type="button"
round
class="btn btn-outline-info btn-sm"
@click="saveDocLive">
Save As Zip</button>
<button type="button"
round
class="btn btn-outline-secondary btn-sm"
>
<a href="http://docs.swarmlab.io/SwarmLab-HowTos/labs/Howtos/doclive/asciidoc.adoc.html" target="_asciimore" style="color:inherit">
More Formats
</a>
</button>
</b-navbar-nav>
</b-collapse>
</b-navbar>
<!-- ***************** container items ****************** -->
<b-row>
<b-col cols="12">
<doc-live
style="background-color: #f8f9fa"
>
</doc-live>
</b-col>
</b-row>
</div>
</template>
<script>
import DocLive from './components/DocLive.vue'
import Asciidoctor from 'asciidoctor'
import "@/assets/css/themify-icons.css";
export default {
name: 'app',
components: {
DocLive
},
data() {
return {
show: true,
SwarmabAsciiLabTemplate:''
}
},
mounted() {
},
methods: {
saveDocLive() {
this.$root.$emit('asciilive_save','save')
},
addtemplate(template) {
if( template == 'LabTemplate' ){
this.SwarmabAsciiLabTemplate = `= Title!
myName email@emailserver.foo
:description: Description
:keywords: Lab, myLab
:data-uri:
:toc: true
:toc-title: Table of Contents
:toclevels: 4
:source-highlighter: highlight
:icons: font
:sectnums:
{empty} +
.Welcome to Swarmlab.io
****
Swarmlab is a powerful collaboration tool that connects tutors and students in a unique all-in-one environment that gets work done fast and easily
Ready-to-Use Virtual Labs one click away.
****
== Chapter 1
.NOTE
[NOTE]
====
Assuming you're already logged in
====
=== Install docker
To Docker είναι μια πλατφόρμα λογισμικού ανοιχτού κώδικα που υλοποιεί Εικονικοποίηση (Virtualization) σε επίπεδο Λειτουργικού Συστήματος.
Tο Docker προσφέρει αυτοματοποιημένες διαδικασίες για την ανάπτυξη εφαρμογών σε απομονωμένες Περιοχές Χρήστη (User Spaces) που ονομάζονται Software Containers
Το λογισμικό χρησιμοποιεί τεχνολογιές του πυρήνα του Linux όπως τα cgroups και οι χώροι ονομάτων πυρήνα (kernel namespaces), για να επιτρέπει σε ανεξάρτητα software containers να εκτελούνται στο ίδιο λειτουργικό σύστημα.
Έτσι αποφεύγεται η χρήση επιπλέον υπολογιστικών πόρων που θα απαιτούσε μια εικονική μηχανή (virtual machine).
Ορισμός, βασικά χαρακτηριστικά και αρχιτεκτονικές IoT, εφαρμογές ΙοΤ, αντιδιαστολή με τον ιστό των αντικειμένων (Web of Things / WoT), προκλήσεις του IoT όπως προτυποποίηση, κλιμάκωση, μέγεθος συσκευών, κατανάλωση ενέργειας, διευθυνσιοδότηση, ασφάλεια/ιδιωτικότητα, ποιότητας υπηρεσιών, κινητικότητα κ.α
More Info +
https://en.wikipedia.org/wiki/Docker_(software)[^]
[[cheat-Dockervideo]]
== docker Intro
* Docker - Explained
+
video::wi-MGFhrad0[youtube]
* How DOCKER works - Virtualization vs containerization
+
video::0e-KiGJIiDc[youtube]
== Installation (Ubuntu)
.Run with sudo
[source,bash]
----
curl -fsSL https://download.docker.com/linux/ubuntu/gpg | sudo apt-key add -
sudo add-apt-repository "deb [arch=amd64] https://download.docker.com/linux/ubuntu $(lsb_release -cs) stable"
sudo apt update
sudo apt install -y docker-ce
echo "or"
sudo apt install docker*
sudo systemctl status docker
sudo usermod -aG docker username #οπου username το όνομα του χρήστη που θα δουλεύει με docker
----
== Usage swarmlab.io DocLive
- Open a console
- Switch to the directory that contains *.adoc documents
- Call the Asciidoctor processor with the command
.If you need to convert only one file
[TIP]
====
[source,bash]
----
docker run --rm -v $(pwd):/documents/ registry.vlabs.uniwa.gr:5080/swarmlab-asciidoctor asciidoctor --safe -b html5 -a theme=flask -a toc2 -o ./path/to/FILENAME.html ./path/from/FILENAME.adoc
----
Please note, there is a **.** in ./path
====
== Usage Tables
Tables
^^^^^^
.An example table
[options="header,footer"]
|=======================
|Rank |Ομάδα |Points
|1 |*Barca* |15
|2 |*PSG* |08
|3 |Larnaka |05
|4 |Osfp |03
|=======================
`
this.$root.$emit('asciilive_template_add', this.SwarmabAsciiLabTemplate)
}
}
}
}
</script>
<style>
@import url('https://fonts.googleapis.com/css?family=Lato:400,700');
body {
background: #EEF1F4 !important;
//font-family: 'Lato', sans-serif !important;
}
.nav-background {
background: #353535;
//background: #74b3c8;
}
.ti-swarmlab:before {
position: relative;
top:-5px;
right:-8px;
font-size: 1.5em;
font-weight: 300;
content: "\e606";
color: #222;
/*color: #5FCF80; */
color: #74B3C8;
border-color: #c60000;
}
.ti-themify-logo:before {
content: "\e6d1";
}
.menoutext {
font-family: 'Lato', sans-serif !important;
}
</style>