Update HTML export of Archimate file

docs/Archi/css/i18n.css

@@ -0,0 +1 @@
+@import url('i18n/en.css');

docs/Archi/css/i18n/en.css

@@ -0,0 +1,160 @@
+/* View pages */
+:lang(en) .i18n-content:after {content: "Content"}
+:lang(en) .i18n-documentation:after {content: "Documentation"}
+:lang(en) .i18n-purpose:after {content: "Purpose"}
+:lang(en) .i18n-properties:after {content: "Properties"}
+:lang(en) .i18n-elements:after {content: "Elements"}
+:lang(en) .i18n-relationships:after {content: "Relationships"}
+:lang(en) .i18n-key:after {content: "Key"}
+:lang(en) .i18n-value:after {content: "Value"}
+:lang(en) .i18n-name:after {content: "Name"}
+:lang(en) .i18n-type:after {content: "Type"}
+:lang(en) .i18n-source:after {content: "Source"}
+:lang(en) .i18n-target:after {content: "Target"}
+:lang(en) .i18n-query:after {content: "Query"}
+
+/* element panel */
+:lang(en) .i18n-empty_element_message:after {content: "Select an element in the model tree or in a view to show its details here"}
+:lang(en) .i18n-relation-source:after {content: "Source:"}
+:lang(en) .i18n-relation-target:after {content: "Target:"}
+:lang(en) .i18n-specialization:after {content: "Specialization:"}
+
+/* ViewPoints (com.archimatetool.editor.model.viewpoints.IViewpoint) */
+:lang(en) .i18n-viewpoint-:after {content: "No Viewpoint"}
+:lang(en) .i18n-viewpoint-application_cooperation:after {content: "Application Cooperation"}
+:lang(en) .i18n-viewpoint-application_usage:after {content: "Application Usage"}
+:lang(en) .i18n-viewpoint-application_structure:after {content: "Application Structure"}
+:lang(en) .i18n-viewpoint-business_process_cooperation:after {content: "Business Process Cooperation"}
+:lang(en) .i18n-viewpoint-capability:after {content: "Capability"}
+:lang(en) .i18n-viewpoint-goal_realization:after {content: "Goal Realization"}
+:lang(en) .i18n-viewpoint-implementation_deployment:after {content: "Implementation and Deployment"}
+:lang(en) .i18n-viewpoint-implementation_migration:after {content: "Implementation and Migration"}
+:lang(en) .i18n-viewpoint-information_structure:after {content: "Information Structure"}
+:lang(en) .i18n-viewpoint-layered:after {content: "Layered"}
+:lang(en) .i18n-viewpoint-migration:after {content: "Migration"}
+:lang(en) .i18n-viewpoint-motivation:after {content: "Motivation"}
+:lang(en) .i18n-viewpoint-organization:after {content: "Organization"}
+:lang(en) .i18n-viewpoint-outcome_realization:after {content: "Outcome Realization"}
+:lang(en) .i18n-viewpoint-physical:after {content: "Physical"}
+:lang(en) .i18n-viewpoint-product:after {content: "Product"}
+:lang(en) .i18n-viewpoint-project:after {content: "Project"}
+:lang(en) .i18n-viewpoint-requirements_realization:after {content: "Requirements Realization"}
+:lang(en) .i18n-viewpoint-resource:after {content: "Resource"}
+:lang(en) .i18n-viewpoint-service_realization:after {content: "Service Realization"}
+:lang(en) .i18n-viewpoint-stakeholder:after {content: "Stakeholder"}
+:lang(en) .i18n-viewpoint-strategy:after {content: "Strategy"}
+:lang(en) .i18n-viewpoint-technology:after {content: "Technology"}
+:lang(en) .i18n-viewpoint-technology_usage:after {content: "Technology Usage"}
+:lang(en) .i18n-viewpoint-value_stream:after {content: "Value Stream"}
+
+
+/* Elements (Class.SimpleName from com.archimatetool.model) */
+:lang(en) .i18n-elementtype-ArchimateModel:before {content: "Model"}
+:lang(en) .i18n-elementtype-AccessRelationship:before {content: "Access"}
+:lang(en) .i18n-elementtype-AggregationRelationship:before {content: "Aggregation"}
+:lang(en) .i18n-elementtype-ApplicationCollaboration:before {content: "Application Collaboration"}
+:lang(en) .i18n-elementtype-ApplicationComponent:before {content: "Application Component"}
+:lang(en) .i18n-elementtype-ApplicationEvent:before {content: "Application Event"}
+:lang(en) .i18n-elementtype-ApplicationFunction:before {content: "Application Function"}
+:lang(en) .i18n-elementtype-ApplicationInteraction:before {content: "Application Interaction"}
+:lang(en) .i18n-elementtype-ApplicationInterface:before {content: "Application Interface"}
+:lang(en) .i18n-elementtype-ApplicationProcess:before {content: "Application Process"}
+:lang(en) .i18n-elementtype-ApplicationService:before {content: "Application Service"}
+:lang(en) .i18n-elementtype-Artifact:before {content: "Artifact"}
+:lang(en) .i18n-elementtype-Assessment:before {content: "Assessment"}
+:lang(en) .i18n-elementtype-AssignmentRelationship:before {content: "Assignment"}
+:lang(en) .i18n-elementtype-AssociationRelationship:before {content: "Association"}
+:lang(en) .i18n-elementtype-BusinessActor:before {content: "Business Actor"}
+:lang(en) .i18n-elementtype-BusinessCollaboration:before {content: "Business Collaboration"}
+:lang(en) .i18n-elementtype-BusinessEvent:before {content: "Business Event"}
+:lang(en) .i18n-elementtype-BusinessFunction:before {content: "Business Function"}
+:lang(en) .i18n-elementtype-BusinessInteraction:before {content: "Business Interaction"}
+:lang(en) .i18n-elementtype-BusinessInterface:before {content: "Business Interface"}
+:lang(en) .i18n-elementtype-BusinessObject:before {content: "Business Object"}
+:lang(en) .i18n-elementtype-BusinessProcess:before {content: "Business Process"}
+:lang(en) .i18n-elementtype-BusinessRole:before {content: "Business Role"}
+:lang(en) .i18n-elementtype-BusinessService:before {content: "Business Service"}
+:lang(en) .i18n-elementtype-Capability:before {content: "Capability"}
+:lang(en) .i18n-elementtype-CommunicationNetwork:before {content: "Communication Network"}
+:lang(en) .i18n-elementtype-CompositionRelationship:before {content: "Composition"}
+:lang(en) .i18n-elementtype-Constraint:before {content: "Constraint"}
+:lang(en) .i18n-elementtype-CourseOfAction:before {content: "Course of Action"}
+:lang(en) .i18n-elementtype-Contract:before {content: "Contract"}
+:lang(en) .i18n-elementtype-DataObject:before {content: "Data Object"}
+:lang(en) .i18n-elementtype-Deliverable:before {content: "Deliverable"}
+:lang(en) .i18n-elementtype-Device:before {content: "Device"}
+:lang(en) .i18n-elementtype-DistributionNetwork:before {content: "Distribution Network"}
+:lang(en) .i18n-elementtype-Driver:before {content: "Driver"}
+:lang(en) .i18n-elementtype-Equipment:before {content: "Equipment"}
+:lang(en) .i18n-elementtype-Facility:before {content: "Facility"}
+:lang(en) .i18n-elementtype-FlowRelationship:before {content: "Flow"}
+:lang(en) .i18n-elementtype-Gap:before {content: "Gap"}
+:lang(en) .i18n-elementtype-Goal:before {content: "Goal"}
+:lang(en) .i18n-elementtype-Grouping:before {content: "Grouping"}
+:lang(en) .i18n-elementtype-ImplementationEvent:before {content: "Implementation Event"}
+:lang(en) .i18n-elementtype-InfluenceRelationship:before {content: "Influence"}
+:lang(en) .i18n-elementtype-Junction:before {content: "Junction"}
+:lang(en) .i18n-elementtype-Location:before {content: "Location"}
+:lang(en) .i18n-elementtype-Material:before {content: "Material"}
+:lang(en) .i18n-elementtype-Meaning:before {content: "Meaning"}
+:lang(en) .i18n-elementtype-Node:before {content: "Node"}
+:lang(en) .i18n-elementtype-Outcome:before {content: "Outcome"}
+:lang(en) .i18n-elementtype-Path:before {content: "Path"}
+:lang(en) .i18n-elementtype-Plateau:before {content: "Plateau"}
+:lang(en) .i18n-elementtype-Principle:before {content: "Principle"}
+:lang(en) .i18n-elementtype-Product:before {content: "Product"}
+:lang(en) .i18n-elementtype-RealizationRelationship:before {content: "Realization"}
+:lang(en) .i18n-elementtype-Representation:before {content: "Representation"}
+:lang(en) .i18n-elementtype-Requirement:before {content: "Requirement"}
+:lang(en) .i18n-elementtype-Resource:before {content: "Resource"}
+:lang(en) .i18n-elementtype-ServingRelationship:before {content: "Serving"}
+:lang(en) .i18n-elementtype-SpecializationRelationship:before {content: "Specialization"}
+:lang(en) .i18n-elementtype-Stakeholder:before {content: "Stakeholder"}
+:lang(en) .i18n-elementtype-SystemSoftware:before {content: "System Software"}
+:lang(en) .i18n-elementtype-TechnologyCollaboration:before {content: "Technology Collaboration"}
+:lang(en) .i18n-elementtype-TechnologyEvent:before {content: "Technology Event"}
+:lang(en) .i18n-elementtype-TechnologyFunction:before {content: "Technology Function"}
+:lang(en) .i18n-elementtype-TechnologyInteraction:before {content: "Technology Interaction"}
+:lang(en) .i18n-elementtype-TechnologyInterface:before {content: "Technology Interface"}
+:lang(en) .i18n-elementtype-TechnologyObject:before {content: "Technology Object"}
+:lang(en) .i18n-elementtype-TechnologyProcess:before {content: "Technology Process"}
+:lang(en) .i18n-elementtype-TechnologyService:before {content: "Technology Service"}
+:lang(en) .i18n-elementtype-TriggeringRelationship:before {content: "Triggering"}
+:lang(en) .i18n-elementtype-Value:before {content: "Value"}
+:lang(en) .i18n-elementtype-ValueStream:before {content: "Value Stream"}
+:lang(en) .i18n-elementtype-WorkPackage:before {content: "Work Package"}
+
+/* Other Graphical Objects */
+:lang(en) .i18n-elementtype-DiagramModelGroup:after {content: "Group"}
+:lang(en) .i18n-elementtype-DiagramModelNote:after {content: "Note"}
+:lang(en) .i18n-elementtype-SketchModel:after {content: "Sketch"}
+:lang(en) .i18n-elementtype-SketchModelActor:after {content: "Actor"}
+:lang(en) .i18n-elementtype-SketchModelSticky:after {content: "Sticky"}
+:lang(en) .i18n-elementtype-CanvasModel:after {content: "Canvas"}
+:lang(en) .i18n-elementtype-CanvasModelBlock:after {content: "Block"}
+:lang(en) .i18n-elementtype-CanvasModelSticky:after {content: "Sticky"}
+:lang(en) .i18n-elementtype-CanvasModelImage:after {content: "Image"}
+
+
+/* Model Tree */
+:lang(en) .i18n-modeltree:after {content: "Model Tree"}
+:lang(en) .i18n-model_content:after {content: "Model Content"}
+:lang(en) .i18n-strategy:after {content: "Strategy"}
+:lang(en) .i18n-business_layer:after {content: "Business"}
+:lang(en) .i18n-application_layer:after {content: "Application"}
+:lang(en) .i18n-technology_layer:after {content: "Technology & Physical"}
+:lang(en) .i18n-motivation:after {content: "Motivation"}
+:lang(en) .i18n-implementation:after {content: "Implementation & Migration"}
+:lang(en) .i18n-connectors:after {content: "Other"}
+:lang(en) .i18n-relations:after {content: "Relations"}
+:lang(en) .i18n-views:after {content: "Views"}
+
+/* Modal Dialogs */
+:lang(en) .i18n-hint:after {content: "Hint"}
+:lang(en) .i18n-close:after {content: "Close"}
+:lang(en) .i18n-about:after {content: "About"}
+:lang(en) .i18n-about-pluginname:after {content: "Archi HTML Report plugin"}
+:lang(en) .i18n-about-pluginversion:after {content: "Version 1.3.1"}
+:lang(en) .i18n-about-plugintext1:after {content: "This plugin has been developed by Jean-Baptiste Sarrodie, Quentin Varquet and Phil Beauvoir."}
+:lang(en) .i18n-about-plugintext2:after {content: "This document has been created using Archi®. Archi® is a free, open source, cross-platform tool to create ArchiMate models and is targeted toward all levels of Enterprise Architects and Modellers. It provides a low cost to entry solution to users who may be making their first steps in the ArchiMate modelling language, or who are looking for a free, cross-platform ArchiMate modelling tool for their company or institution and wish to engage with the language within a TOGAF® or other Enterprise Architecture framework."}
+:lang(en) .i18n-about-plugintext3:after {content: "is a registered trademark of Phillip Beauvoir."}

docs/Archi/css/model.css

@@ -0,0 +1,229 @@
+/* Setup html pages */
+html {
+	height: 100%; /* Needed for 'empty-element.html' */
+}
+
+html.model > body {
+  background:#ddd;
+  padding: 0;
+}
+
+html.frame > body {
+  height: 100%;
+  background:#ddd;
+  /* padding: 15px; */
+}
+
+/* ModelTree */
+ul, li {
+  list-style-type: none;
+  cursor: default;
+}
+li.tree-element, ul{
+	padding-left: 15px;
+}
+
+/* jQuery UI Layout style */
+.ui-layout-pane {
+  padding: 0px;
+  overflow: hidden;
+  border: 0px solid #ddd;
+	background: #ddd;
+}
+.ui-layout-resizer {
+  border: 2px solid #ddd;
+}
+
+/* Force panels width/height */
+.root-panel {
+	height: 100%;
+  overflow: hidden;
+	background: #FFF;
+}
+.root-panel-body {
+  /* height will be set though jQuery */
+  overflow: auto;
+}
+.no-padding {
+	padding: 0px;
+}
+.no-margin {
+	margin: 0px;
+}
+.documentation {
+	padding-top: 15px;
+	padding-bottom: 15px;
+}
+.navbar {
+	height: 100%;
+}
+
+/* iFrames are inside panel-body */
+iframe {
+  margin: 0px;
+  padding: 0px;
+  border: none;
+  width: 100%;
+  height: 100%;
+}
+
+p.centered {
+	position: relative;
+	top: 50%;
+	transform: translateY(-50%);
+	text-align: center;
+}
+
+.table-condensed th,td {
+	font-size: 14px;
+}
+
+img.diagram {
+	max-width: 100%;
+}
+
+xmp {
+	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
+}
+
+/* Alasql console */
+#myconsole td {
+    white-space: pre-wrap;
+}
+
+/* Changing Navbar color can be done by uncommenting and adapting what follows */
+/*
+.navbar {
+    background-color: #017a54;
+}
+
+.navbar .navbar-nav>li>a:hover {
+    background-color: rgb(255 255 255 / 20%);
+}
+
+.navbar .navbar-nav>li>a:focus {
+    background-color: rgb(255 255 255 / 0%);
+}
+*/
+
+/* Image Zoom Slider */
+.root-panel-heading {
+	position: relative;
+}
+
+#btnZoomIn, #btnZoomOut {
+	cursor: pointer;
+	padding: 0;
+}
+
+#zoomSlider {
+	width: 150px;
+    position: absolute;
+    top: 50% !important;
+    right: 0;
+    transform: translateY(-50%);
+}
+
+#zoomRange {
+	padding: 0;
+}
+
+/* Internet Explorer input range theming thanks to https://brennaobrien.com/blog/2014/05/style-input-type-range-in-every-browser.html */
+input[type=range]::-ms-track {
+    width: 300px;
+    height: 5px;
+
+    /*remove bg colour from the track, we'll use ms-fill-lower and ms-fill-upper instead */
+    background: transparent;
+
+    /*leave room for the larger thumb to overflow with a transparent border */
+    border-color: transparent;
+    border-width: 6px 0;
+
+    /*remove default tick marks*/
+    color: transparent;
+}
+input[type=range]::-ms-fill-lower {
+    background: #777;
+    border-radius: 10px;
+}
+input[type=range]::-ms-fill-upper {
+    background: #ddd;
+    border-radius: 10px;
+}
+input[type=range]::-ms-thumb {
+    border: none;
+    height: 16px;
+    width: 16px;
+    border-radius: 50%;
+    background: #767676;
+}
+input[type=range]:focus::-ms-fill-lower {
+    background: #888;
+}
+input[type=range]:focus::-ms-fill-upper {
+    background: #ccc;
+}
+
+
+/* Firefox input range theming thanks to https://brennaobrien.com/blog/2014/05/style-input-type-range-in-every-browser.html */
+input[type=range]{
+	background: transparent;
+}
+
+input[type=range]::-moz-range-track {
+    /*width: 300px;*/
+    height: 5px;
+    background: #ddd;
+    border: none;
+    border-radius: 3px;
+}
+
+input[type=range]::-moz-range-thumb {
+    border: none;
+    height: 16px;
+    width: 16px;
+    border-radius: 50%;
+    background: #767676;
+}
+
+
+/* Search Box */
+#tree-search {
+  width: 5px;
+  box-sizing: border-box;
+  border: transparent;
+  border-radius: 20px;
+  background-color: transparent;
+  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADNQTFRFU1NT9fX1lJSUXl5e1dXVfn5+c3Nz6urqv7+/tLS0iYmJqampn5+fysrK39/faWlp////Vi4ZywAAABF0Uk5T/////////////////////wAlrZliAAABLklEQVR42rSWWRbDIAhFHeOUtN3/ags1zaA4cHrKZ8JFRHwoXkwTvwGP1Qo0bYObAPwiLmbNAHBWFBZlD9j0JxflDViIObNHG/Do8PRHTJk0TezAhv7qloK0JJEBh+F8+U/hopIELOWfiZUCDOZD1RADOQKA75oq4cvVkcT+OdHnqqpQCITWAjnWVgGQUWz12lJuGwGoaWgBKzRVBcCypgUkOAoWgBX/L0CmxN40u6xwcIJ1cOzWYDffp3axsQOyvdkXiH9FKRFwPRHYZUaXMgPLeiW7QhbDRciyLXJaKheCuLbiVoqx1DVRyH26yb0hsuoOFEPsoz+BVE0MRlZNjGZcRQyHYkmMp2hBTIzdkzCTc/pLqOnBrk7/yZdAOq/q5NPBH1f7x7fGP4C3AAMAQrhzX9zhcGsAAAAASUVORK5CYII=);
+  background-size: 20px;
+  background-position: right 5px center; 
+  background-repeat: no-repeat;
+  padding: 5px 15px 5px 15px;
+  cursor: pointer;
+}
+
+#tree-search:focus {
+  width: 100%;
+  cursor: auto;
+  background-color: #FFF !important;
+  border: 1px solid #ddd;
+  border-radius: 2px;
+}
+
+#tree-search.filtered {
+  background-color: #ddd;
+}
+
+/* To remove cross symbol in input field  */
+#tree-search::-ms-clear {
+   display: none;
+}
+
+#searchBox {
+    position: absolute;
+    top: 50% !important;
+    right: 0;
+    transform: translateY(-50%);
+	padding-right: 5px;
+}