Mirrors/VILLASweb
1
0
Fork 0
mirror of https://git.rwth-aachen.de/acs/public/villas/web/ synced 2025-03-09 00:00:01 +01:00
Code Issues Releases Wiki Activity

Compare commits

base: Mirrors:legacy-technical-layout
Branches Tags
Mirrors:master
Mirrors:branding
Mirrors:fix-requests
Mirrors:usergroups
Mirrors:dpsim-file-models
Mirrors:safe-latest
Mirrors:input-sig-fix
Mirrors:fix-input-signals
Mirrors:revamp-ws
Mirrors:flux-to-redux-migration
Mirrors:usergroups-old
Mirrors:fix-packageversion-compilation
Mirrors:branding-opalrt
Mirrors:update-mail
Mirrors:update_homepage
Mirrors:new-kubernetes-ic-page-properties
Mirrors:feature-webrtc
Mirrors:last-version-before-new-api
Mirrors:legacy-technical-layout
Mirrors:legacy-simple-layout
Mirrors:edit-simulation-models-within-pintura
Mirrors:v0.1
...
compare: Mirrors:master
Branches Tags
Mirrors:branding
Mirrors:fix-requests
Mirrors:usergroups
Mirrors:dpsim-file-models
Mirrors:safe-latest
Mirrors:input-sig-fix
Mirrors:fix-input-signals
Mirrors:revamp-ws
Mirrors:master
Mirrors:flux-to-redux-migration
Mirrors:usergroups-old
Mirrors:fix-packageversion-compilation
Mirrors:branding-opalrt
Mirrors:update-mail
Mirrors:update_homepage
Mirrors:new-kubernetes-ic-page-properties
Mirrors:feature-webrtc
Mirrors:last-version-before-new-api
Mirrors:legacy-technical-layout
Mirrors:legacy-simple-layout
Mirrors:edit-simulation-models-within-pintura
Mirrors:v0.1

No commits in common. "legacy-technical-layout" and "master" have entirely different histories.
legacy-tec ... master

325 changed files with 25273 additions and 159661 deletions
Show stats Expand all files Collapse all files

4
.bowerrc
View file

@ -1,4 +0,0 @@
{
"directory": "bower_components",
"analytics": false
}

3
.dockerignore Normal file
View file

@ -0,0 +1,3 @@
node_modules/
doc/
npm-debug.log

31
.editorconfig
View file

@ -1,34 +1,17 @@
# EditorConfig helps developers define and maintain consistent
# coding styles between different editors and IDEs
# editorconfig.org
# EditorConfig is awesome: http://EditorConfig.org
# top-most EditorConfig file
root = true
# Unix-style newlines with a newline ending every file
[*]
end_of_line = lf
charset = utf-8
trim_trailing_whitespace = true
insert_final_newline = true
indent_style = space
indent_size = 2
# Matches multiple files with brace expansion notation
# Set default charset
[*.js]
charset = utf-8
indent_style = space
indent_size = 2
[*.hbs]
insert_final_newline = false
indent_style = space
indent_size = 2
[*.css]
indent_style = space
indent_size = 2
[*.html]
indent_style = space
indent_size = 2
[*.{diff,md}]
trim_trailing_whitespace = false
trim_trailing_whitespace=true

9
.ember-cli
View file

@ -1,9 +0,0 @@
{
/**
Ember CLI sends analytics information by default. The data is completely
anonymous, but there are times when you might want to disable this behavior.
Setting `disableAnalytics` to true will prevent any data from being sent.
*/
"disableAnalytics": false
}

1
.env
View file

@ -1 +0,0 @@
SHOW_EXTENDED_VIEW=true

28
.gitignore vendored
View file

@ -1,17 +1,21 @@
# See http://help.github.com/ignore-files/ for more about ignoring files.
# compiled output
/dist
/tmp
# See https://help.github.com/ignore-files/ for more about ignoring files.
# dependencies
/node_modules
/bower_components
# testing
/coverage
# production
/build
# misc
/.sass-cache
/connect.lock
/coverage/*
/libpeerconnection.log
npm-debug.log
testem.log
.DS_Store
.env
npm-debug.log*
yarn-debug.log*
yarn-error.log*
.vscode/
*.code-workspace
package-lock.json
.eslintcache

65
.gitlab-ci.yml Normal file
View file

@ -0,0 +1,65 @@
variables:
GIT_SUBMODULE_STRATEGY: normal
DOCKER_IMAGE: ${CI_REGISTRY_IMAGE}
stages:
- build
- deploy
build:
stage: build
image:
name: docker
variables:
BRANDING: villasweb
DOCKER_TAG: ${CI_COMMIT_BRANCH}-${BRANDING}
script:
- docker build --build-arg REACT_APP_BRAND=${BRANDING} --tag ${DOCKER_IMAGE}:${DOCKER_TAG} .
tags:
- docker
build.slew:
variables:
BRANDING: slew
DOCKER_TAG: ${CI_COMMIT_BRANCH}-${BRANDING}
extends: build
build.opalrt:
variables:
BRANDING: opalrt
DOCKER_TAG: ${CI_COMMIT_BRANCH}-${BRANDING}
extends: build
deploy:
stage: deploy
variables:
BRANDING: villasweb
DOCKER_TAG: ${CI_COMMIT_BRANCH}-${BRANDING}
before_script:
- docker login -u ${CI_REGISTRY_USER} -p ${CI_REGISTRY_PASSWORD} ${CI_REGISTRY}
script:
- docker push ${DOCKER_IMAGE}:${DOCKER_TAG}
tags:
- docker
dependencies:
- build
deploy.slew:
extends: deploy
variables:
BRANDING: slew
DOCKER_TAG: ${CI_COMMIT_BRANCH}-${BRANDING}
deploy.opalrt:
extends: deploy
variables:
BRANDING: opalrt
DOCKER_TAG: ${CI_COMMIT_BRANCH}-${BRANDING}
deploy.latest:
extends: deploy
variables:
DOCKER_TAG: latest
only:
refs:
- master

33
.jshintrc
View file

@ -1,33 +0,0 @@
{
"predef": [
"server",
"document",
"window",
"-Promise"
],
"browser": true,
"boss": true,
"curly": true,
"debug": false,
"devel": true,
"eqeqeq": true,
"evil": true,
"forin": false,
"immed": false,
"laxbreak": false,
"newcap": true,
"noarg": true,
"noempty": false,
"nonew": false,
"nomen": false,
"onevar": false,
"plusplus": false,
"regexp": false,
"undef": true,
"sub": true,
"strict": false,
"white": false,
"eqnull": true,
"esnext": true,
"unused": true
}

23
.travis.yml
View file

@ -1,23 +0,0 @@
---
language: node_js
node_js:
- "0.12"
sudo: false
cache:
directories:
- node_modules
before_install:
- export PATH=/usr/local/phantomjs-2.0.0/bin:$PATH
- "npm config set spin false"
- "npm install -g npm@^2"
install:
- npm install -g bower
- npm install
- bower install
script:
- npm test

3
.watchmanconfig
View file

@ -1,3 +0,0 @@
{
"ignore_dirs": ["tmp"]
}

232
CONTRIBUTING.md Normal file
View file

@ -0,0 +1,232 @@
# Contributing guidelines
Thanks for taking the time to contribute to VILLASweb, every help is appreciated!
> **Note:** This guidelines may seem much, but they just try to describe as good as possible to help with most common questions and problems. If you are unsure about anything feel free to **ask**.
#### Table of contents
[Quickstart](#quickstart)
* [How to report a bug or request a feature](#report-a-bug-or-request-a-feature)
* [Fix a bug](#fix-a-bug)
[Issues](#issues)
* [Report bugs](#report-bugs)
* [Request features](#request-features)
* [Labels](#labels)
[Development](#development)
* [Branches](#branches)
* [Style guidelines](#style-guidelines)
- [Code guidelines](#code-guidelines)
- [Comment guidelines](#comment-guidelines)
- [Git commit guidelines](#git-commit-guidelines)
* [Merge requests](#merge-requests)
* [Hotfix](#hotfix)
## Quickstart
### Report a bug or request a feature
Simply create a new issue in gitlab with an appropriate title and description. For more information see [report bugs](#report-bugs).
### Fix a bug
Look at the list of bugs in the issue list. Pick the bug you want to work on, create a new branch with gitlab on that issue and start working in that branch. For more information see [Development](#development).
## Issues
All issues are tracked by the gitlab issue tracker. Every issue created will be read!
### Report bugs
Every issue related to a bug must follow this rules:
- Add the `bug` label.
- Add the version, if known the exact commit.
- If existing, add log messages.
- If possible, add screenshots or animated GIFs of the bug.
### Request features
Every issue related to a feature or enhancement must follow this rules:
- Add the `feature` or `enhancement` label.
- If possible, mockup pictures or animated GIFs to help understand the request.
### Labels
There are two types of labels: `type` and `state`.
**Type labels** define what type the issue is about:
- **Bug:** The issue is related to an existing bug in the system.
- **Feature:** The issue is requesting a **new** feature.
- **Enhancement:** The issue is requesting change or improving an **existing** feature.
- **Question:** The issue is asking a question about the system.
- **Invalid:** The issue was declared invalid by a project administrator.
- **Duplicate:** The reason the issue was created is already in the system, thus the issue is marked duplicated by a project administrator.
- **Help wanted:** This label is optional to request help by others.
**State labels** define in which state of development the issue is:
- **Backlog:** The issue was accepted by the project administrators but has not been worked on.
- **Development:** The issue is in active development.
- **Testing:** The development of the issue is (mostly) finished and it is tested to make sure everything works.
- **Doc-and-review:** The development of the issue is finished but the documentation is still missing and the project administrator want to review it before merging it into main code.
## Development
Before starting to develop you want to have completed the [setup](README.md#quick-start) steps.
### Branches
This are the type of branches you will/might see in this project:
- **Master:** The *master* branch only contains **stable** release versions which must always be merged from the *develop* branch or *release-branches*. Each commit to this branch must contain a tag with at least the version.
- **Develop:** The *develop* branch contains the current development version. Commits to this branch are prohibited (except [hotfixes](#hotfix)). See [merge requests](#merge-requests) on how to merge your working state into *develop*.
- **Working branches:** *Working branches*, often also called *bug-fix/feature branches*, contain the active development state of features and bug-fixes. For each new feature or bug-fix you are working on, create a new *working branch*. To create new branch use gitlab's build-in feature to create a branch related to an issue.
- **Legacy branches:** These branches must not be touched. The store legacy code from early development state.
- **Release branches:** When preparing a *develop* version for release it is sometimes necessary to clean up before releasing it. Thus you first create a *release branch* of *develop*, do clean up on this branch and then release to *master*.
For more information on branches and git usage see [Git workflow tutorial](https://www.atlassian.com/git/tutorials/comparing-workflows#gitflow-workflow).
### Style guidelines
#### Code guidelines
- Use **camelcase** by default for everything with respect to upper-camelcase (e.g. class names start with an upper case letter).
- File names are all in lower case and hyphen separated (e.g. sample-file.js).
- End files with an empty line.
- Use [ES6](http://es6-features.org/) (ES2015) features especially `const`, arrow functions and ES6 classes.
- Use *self-explaining names* for variables, methods and classes. **Don't** shorten names like `let ArrStr` instead of `class ArrayString`.
- Don't use `var` unless it can't be avoided. For more information see [const](http://es6-features.org/#Constants) and [let](https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Statements/let).
- Use [ES6 arrow functions](http://es6-features.org/#ExpressionBodies) for callbacks. If only one variable is used, **don't** bracket it.
```(javascript)
const increased = arr.map(v => v + 1);
const indexed = arr.map((v, index) => v += index);
```
- Use [ES6 property shorthand](http://es6-features.org/#PropertyShorthand) whenever possible.
```(javascript)
// Use
const obj = { x, y };
// Instead of
const obj = { x: x, y: y };
```
- Name *handler methods* `handleEventName` and *handler properties* `onEventName`.
```(javascript)
<Component onClick={this.handleClick} />
```
- Use autobind for event handlers and callbacks.
```(javascript)
handleClick = e => {
}
```
- Don't import react component (or similar) itself. Use `React.Component`.
```(javascript)
import React from 'react';
class CustomComponent extends React.Component {
}
```
- Align and sort HTML properties properly.
```(HTML)
// Do
<Component className="component-class" width="100%" />
<Component
className="component-class"
width="100%"
/>
// Don't
<Component className="component-class"
width="100%"
>
<Component
className="component-class"
width="100%" />
```
#### Comment guidelines
- At the top of each file must be the following header:
```(javascript)
/**
* This file is part of VILLASweb.
*
* VILLASweb is free software: you can redistribute it and/or modify
* it under the terms of the GNU General Public License as published by
* the Free Software Foundation, either version 3 of the License, or
* (at your option) any later version.
*
* VILLASweb is distributed in the hope that it will be useful,
* but WITHOUT ANY WARRANTY; without even the implied warranty of
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
* GNU General Public License for more details.
*
* You should have received a copy of the GNU General Public License
* along with VILLASweb. If not, see <http://www.gnu.org/licenses/>.
******************************************************************************/
```
- By default use `//` for comments. You may use `/* */` for uncommenting a block of code.
- Comment as many as neccessary, but don't comment obvious code which is obviously self-explaining.
```(javascript)
// self-explaining, don't do this:
// increase index
index++;
```
#### Git commit guidelines
- The first line should be a summary of the whole commit. The following lines should explain in detail what changed.
```
Add dynamic rendering
Add queue for dynamic renderer
Change renderer to use queue for assets
Add render priority to asset properties
```
- Use present tense in comments (add, fix, update, remove etc.).
### Merge requests
When finished working on a bug-fix or feature in your branch, create a merge request to merge your code into the *develop* branch. Before creating the request, make sure your changes meet the following requirements:
- The *code*, *documentation* and *git commits* follow all [style guidelines](#style-guidelines).
- All CI (Continues integration) tests, if existing, must succeed.
- Add screenshots and animated GIFs when appropriated to show changes.
- If the *develop* branch has newer commits the *working branch* **may** be rebased to catch-up these commits.
### Hotfix
Sometimes it is neccessary to patch an important, security relevant or system breaking bug as fast as possible. In this case it is allowed to commit directly in *master/develop*, as long as this commit is only relevant for the bug fix. It **must** follow all rules for [merge requests](#merge-requests).

675
COPYING.md Normal file
View file

@ -0,0 +1,675 @@
### GNU GENERAL PUBLIC LICENSE
Version 3, 29 June 2007
Copyright (C) 2007 Free Software Foundation, Inc.
<http://fsf.org/>
Everyone is permitted to copy and distribute verbatim copies of this
license document, but changing it is not allowed.
### Preamble
The GNU General Public License is a free, copyleft license for
software and other kinds of works.
The licenses for most software and other practical works are designed
to take away your freedom to share and change the works. By contrast,
the GNU General Public License is intended to guarantee your freedom
to share and change all versions of a program--to make sure it remains
free software for all its users. We, the Free Software Foundation, use
the GNU General Public License for most of our software; it applies
also to any other work released this way by its authors. You can apply
it to your programs, too.
When we speak of free software, we are referring to freedom, not
price. Our General Public Licenses are designed to make sure that you
have the freedom to distribute copies of free software (and charge for
them if you wish), that you receive source code or can get it if you
want it, that you can change the software or use pieces of it in new
free programs, and that you know you can do these things.
To protect your rights, we need to prevent others from denying you
these rights or asking you to surrender the rights. Therefore, you
have certain responsibilities if you distribute copies of the
software, or if you modify it: responsibilities to respect the freedom
of others.
For example, if you distribute copies of such a program, whether
gratis or for a fee, you must pass on to the recipients the same
freedoms that you received. You must make sure that they, too, receive
or can get the source code. And you must show them these terms so they
know their rights.
Developers that use the GNU GPL protect your rights with two steps:
(1) assert copyright on the software, and (2) offer you this License
giving you legal permission to copy, distribute and/or modify it.
For the developers' and authors' protection, the GPL clearly explains
that there is no warranty for this free software. For both users' and
authors' sake, the GPL requires that modified versions be marked as
changed, so that their problems will not be attributed erroneously to
authors of previous versions.
Some devices are designed to deny users access to install or run
modified versions of the software inside them, although the
manufacturer can do so. This is fundamentally incompatible with the
aim of protecting users' freedom to change the software. The
systematic pattern of such abuse occurs in the area of products for
individuals to use, which is precisely where it is most unacceptable.
Therefore, we have designed this version of the GPL to prohibit the
practice for those products. If such problems arise substantially in
other domains, we stand ready to extend this provision to those
domains in future versions of the GPL, as needed to protect the
freedom of users.
Finally, every program is threatened constantly by software patents.
States should not allow patents to restrict development and use of
software on general-purpose computers, but in those that do, we wish
to avoid the special danger that patents applied to a free program
could make it effectively proprietary. To prevent this, the GPL
assures that patents cannot be used to render the program non-free.
The precise terms and conditions for copying, distribution and
modification follow.
### TERMS AND CONDITIONS
#### 0. Definitions.
"This License" refers to version 3 of the GNU General Public License.
"Copyright" also means copyright-like laws that apply to other kinds
of works, such as semiconductor masks.
"The Program" refers to any copyrightable work licensed under this
License. Each licensee is addressed as "you". "Licensees" and
"recipients" may be individuals or organizations.
To "modify" a work means to copy from or adapt all or part of the work
in a fashion requiring copyright permission, other than the making of
an exact copy. The resulting work is called a "modified version" of
the earlier work or a work "based on" the earlier work.
A "covered work" means either the unmodified Program or a work based
on the Program.
To "propagate" a work means to do anything with it that, without
permission, would make you directly or secondarily liable for
infringement under applicable copyright law, except executing it on a
computer or modifying a private copy. Propagation includes copying,
distribution (with or without modification), making available to the
public, and in some countries other activities as well.
To "convey" a work means any kind of propagation that enables other
parties to make or receive copies. Mere interaction with a user
through a computer network, with no transfer of a copy, is not
conveying.
An interactive user interface displays "Appropriate Legal Notices" to
the extent that it includes a convenient and prominently visible
feature that (1) displays an appropriate copyright notice, and (2)
tells the user that there is no warranty for the work (except to the
extent that warranties are provided), that licensees may convey the
work under this License, and how to view a copy of this License. If
the interface presents a list of user commands or options, such as a
menu, a prominent item in the list meets this criterion.
#### 1. Source Code.
The "source code" for a work means the preferred form of the work for
making modifications to it. "Object code" means any non-source form of
a work.
A "Standard Interface" means an interface that either is an official
standard defined by a recognized standards body, or, in the case of
interfaces specified for a particular programming language, one that
is widely used among developers working in that language.
The "System Libraries" of an executable work include anything, other
than the work as a whole, that (a) is included in the normal form of
packaging a Major Component, but which is not part of that Major
Component, and (b) serves only to enable use of the work with that
Major Component, or to implement a Standard Interface for which an
implementation is available to the public in source code form. A
"Major Component", in this context, means a major essential component
(kernel, window system, and so on) of the specific operating system
(if any) on which the executable work runs, or a compiler used to
produce the work, or an object code interpreter used to run it.
The "Corresponding Source" for a work in object code form means all
the source code needed to generate, install, and (for an executable
work) run the object code and to modify the work, including scripts to
control those activities. However, it does not include the work's
System Libraries, or general-purpose tools or generally available free
programs which are used unmodified in performing those activities but
which are not part of the work. For example, Corresponding Source
includes interface definition files associated with source files for
the work, and the source code for shared libraries and dynamically
linked subprograms that the work is specifically designed to require,
such as by intimate data communication or control flow between those
subprograms and other parts of the work.
The Corresponding Source need not include anything that users can
regenerate automatically from other parts of the Corresponding Source.
The Corresponding Source for a work in source code form is that same
work.
#### 2. Basic Permissions.
All rights granted under this License are granted for the term of
copyright on the Program, and are irrevocable provided the stated
conditions are met. This License explicitly affirms your unlimited
permission to run the unmodified Program. The output from running a
covered work is covered by this License only if the output, given its
content, constitutes a covered work. This License acknowledges your
rights of fair use or other equivalent, as provided by copyright law.
You may make, run and propagate covered works that you do not convey,
without conditions so long as your license otherwise remains in force.
You may convey covered works to others for the sole purpose of having
them make modifications exclusively for you, or provide you with
facilities for running those works, provided that you comply with the
terms of this License in conveying all material for which you do not
control copyright. Those thus making or running the covered works for
you must do so exclusively on your behalf, under your direction and
control, on terms that prohibit them from making any copies of your
copyrighted material outside their relationship with you.
Conveying under any other circumstances is permitted solely under the
conditions stated below. Sublicensing is not allowed; section 10 makes
it unnecessary.
#### 3. Protecting Users' Legal Rights From Anti-Circumvention Law.
No covered work shall be deemed part of an effective technological
measure under any applicable law fulfilling obligations under article
11 of the WIPO copyright treaty adopted on 20 December 1996, or
similar laws prohibiting or restricting circumvention of such
measures.
When you convey a covered work, you waive any legal power to forbid
circumvention of technological measures to the extent such
circumvention is effected by exercising rights under this License with
respect to the covered work, and you disclaim any intention to limit
operation or modification of the work as a means of enforcing, against
the work's users, your or third parties' legal rights to forbid
circumvention of technological measures.
#### 4. Conveying Verbatim Copies.
You may convey verbatim copies of the Program's source code as you
receive it, in any medium, provided that you conspicuously and
appropriately publish on each copy an appropriate copyright notice;
keep intact all notices stating that this License and any
non-permissive terms added in accord with section 7 apply to the code;
keep intact all notices of the absence of any warranty; and give all
recipients a copy of this License along with the Program.
You may charge any price or no price for each copy that you convey,
and you may offer support or warranty protection for a fee.
#### 5. Conveying Modified Source Versions.
You may convey a work based on the Program, or the modifications to
produce it from the Program, in the form of source code under the
terms of section 4, provided that you also meet all of these
conditions:
- a) The work must carry prominent notices stating that you modified
it, and giving a relevant date.
- b) The work must carry prominent notices stating that it is
released under this License and any conditions added under
section 7. This requirement modifies the requirement in section 4
to "keep intact all notices".
- c) You must license the entire work, as a whole, under this
License to anyone who comes into possession of a copy. This
License will therefore apply, along with any applicable section 7
additional terms, to the whole of the work, and all its parts,
regardless of how they are packaged. This License gives no
permission to license the work in any other way, but it does not
invalidate such permission if you have separately received it.
- d) If the work has interactive user interfaces, each must display
Appropriate Legal Notices; however, if the Program has interactive
interfaces that do not display Appropriate Legal Notices, your
work need not make them do so.
A compilation of a covered work with other separate and independent
works, which are not by their nature extensions of the covered work,
and which are not combined with it such as to form a larger program,
in or on a volume of a storage or distribution medium, is called an
"aggregate" if the compilation and its resulting copyright are not
used to limit the access or legal rights of the compilation's users
beyond what the individual works permit. Inclusion of a covered work
in an aggregate does not cause this License to apply to the other
parts of the aggregate.
#### 6. Conveying Non-Source Forms.
You may convey a covered work in object code form under the terms of
sections 4 and 5, provided that you also convey the machine-readable
Corresponding Source under the terms of this License, in one of these
ways:
- a) Convey the object code in, or embodied in, a physical product
(including a physical distribution medium), accompanied by the
Corresponding Source fixed on a durable physical medium
customarily used for software interchange.
- b) Convey the object code in, or embodied in, a physical product
(including a physical distribution medium), accompanied by a
written offer, valid for at least three years and valid for as
long as you offer spare parts or customer support for that product
model, to give anyone who possesses the object code either (1) a
copy of the Corresponding Source for all the software in the
product that is covered by this License, on a durable physical
medium customarily used for software interchange, for a price no
more than your reasonable cost of physically performing this
conveying of source, or (2) access to copy the Corresponding
Source from a network server at no charge.
- c) Convey individual copies of the object code with a copy of the
written offer to provide the Corresponding Source. This
alternative is allowed only occasionally and noncommercially, and
only if you received the object code with such an offer, in accord
with subsection 6b.
- d) Convey the object code by offering access from a designated
place (gratis or for a charge), and offer equivalent access to the
Corresponding Source in the same way through the same place at no
further charge. You need not require recipients to copy the
Corresponding Source along with the object code. If the place to
copy the object code is a network server, the Corresponding Source
may be on a different server (operated by you or a third party)
that supports equivalent copying facilities, provided you maintain
clear directions next to the object code saying where to find the
Corresponding Source. Regardless of what server hosts the
Corresponding Source, you remain obligated to ensure that it is
available for as long as needed to satisfy these requirements.
- e) Convey the object code using peer-to-peer transmission,
provided you inform other peers where the object code and
Corresponding Source of the work are being offered to the general
public at no charge under subsection 6d.
A separable portion of the object code, whose source code is excluded
from the Corresponding Source as a System Library, need not be
included in conveying the object code work.
A "User Product" is either (1) a "consumer product", which means any
tangible personal property which is normally used for personal,
family, or household purposes, or (2) anything designed or sold for
incorporation into a dwelling. In determining whether a product is a
consumer product, doubtful cases shall be resolved in favor of
coverage. For a particular product received by a particular user,
"normally used" refers to a typical or common use of that class of
product, regardless of the status of the particular user or of the way
in which the particular user actually uses, or expects or is expected
to use, the product. A product is a consumer product regardless of
whether the product has substantial commercial, industrial or
non-consumer uses, unless such uses represent the only significant
mode of use of the product.
"Installation Information" for a User Product means any methods,
procedures, authorization keys, or other information required to
install and execute modified versions of a covered work in that User
Product from a modified version of its Corresponding Source. The
information must suffice to ensure that the continued functioning of
the modified object code is in no case prevented or interfered with
solely because modification has been made.
If you convey an object code work under this section in, or with, or
specifically for use in, a User Product, and the conveying occurs as
part of a transaction in which the right of possession and use of the
User Product is transferred to the recipient in perpetuity or for a
fixed term (regardless of how the transaction is characterized), the
Corresponding Source conveyed under this section must be accompanied
by the Installation Information. But this requirement does not apply
if neither you nor any third party retains the ability to install
modified object code on the User Product (for example, the work has
been installed in ROM).
The requirement to provide Installation Information does not include a
requirement to continue to provide support service, warranty, or
updates for a work that has been modified or installed by the
recipient, or for the User Product in which it has been modified or
installed. Access to a network may be denied when the modification
itself materially and adversely affects the operation of the network
or violates the rules and protocols for communication across the
network.
Corresponding Source conveyed, and Installation Information provided,
in accord with this section must be in a format that is publicly
documented (and with an implementation available to the public in
source code form), and must require no special password or key for
unpacking, reading or copying.
#### 7. Additional Terms.
"Additional permissions" are terms that supplement the terms of this
License by making exceptions from one or more of its conditions.
Additional permissions that are applicable to the entire Program shall
be treated as though they were included in this License, to the extent
that they are valid under applicable law. If additional permissions
apply only to part of the Program, that part may be used separately
under those permissions, but the entire Program remains governed by
this License without regard to the additional permissions.
When you convey a copy of a covered work, you may at your option
remove any additional permissions from that copy, or from any part of
it. (Additional permissions may be written to require their own
removal in certain cases when you modify the work.) You may place
additional permissions on material, added by you to a covered work,
for which you have or can give appropriate copyright permission.
Notwithstanding any other provision of this License, for material you
add to a covered work, you may (if authorized by the copyright holders
of that material) supplement the terms of this License with terms:
- a) Disclaiming warranty or limiting liability differently from the
terms of sections 15 and 16 of this License; or
- b) Requiring preservation of specified reasonable legal notices or
author attributions in that material or in the Appropriate Legal
Notices displayed by works containing it; or
- c) Prohibiting misrepresentation of the origin of that material,
or requiring that modified versions of such material be marked in
reasonable ways as different from the original version; or
- d) Limiting the use for publicity purposes of names of licensors
or authors of the material; or
- e) Declining to grant rights under trademark law for use of some
trade names, trademarks, or service marks; or
- f) Requiring indemnification of licensors and authors of that
material by anyone who conveys the material (or modified versions
of it) with contractual assumptions of liability to the recipient,
for any liability that these contractual assumptions directly
impose on those licensors and authors.
All other non-permissive additional terms are considered "further
restrictions" within the meaning of section 10. If the Program as you
received it, or any part of it, contains a notice stating that it is
governed by this License along with a term that is a further
restriction, you may remove that term. If a license document contains
a further restriction but permits relicensing or conveying under this
License, you may add to a covered work material governed by the terms
of that license document, provided that the further restriction does
not survive such relicensing or conveying.
If you add terms to a covered work in accord with this section, you
must place, in the relevant source files, a statement of the
additional terms that apply to those files, or a notice indicating
where to find the applicable terms.
Additional terms, permissive or non-permissive, may be stated in the
form of a separately written license, or stated as exceptions; the
above requirements apply either way.
#### 8. Termination.
You may not propagate or modify a covered work except as expressly
provided under this License. Any attempt otherwise to propagate or
modify it is void, and will automatically terminate your rights under
this License (including any patent licenses granted under the third
paragraph of section 11).
However, if you cease all violation of this License, then your license
from a particular copyright holder is reinstated (a) provisionally,
unless and until the copyright holder explicitly and finally
terminates your license, and (b) permanently, if the copyright holder
fails to notify you of the violation by some reasonable means prior to
60 days after the cessation.
Moreover, your license from a particular copyright holder is
reinstated permanently if the copyright holder notifies you of the
violation by some reasonable means, this is the first time you have
received notice of violation of this License (for any work) from that
copyright holder, and you cure the violation prior to 30 days after
your receipt of the notice.
Termination of your rights under this section does not terminate the
licenses of parties who have received copies or rights from you under
this License. If your rights have been terminated and not permanently
reinstated, you do not qualify to receive new licenses for the same
material under section 10.
#### 9. Acceptance Not Required for Having Copies.
You are not required to accept this License in order to receive or run
a copy of the Program. Ancillary propagation of a covered work
occurring solely as a consequence of using peer-to-peer transmission
to receive a copy likewise does not require acceptance. However,
nothing other than this License grants you permission to propagate or
modify any covered work. These actions infringe copyright if you do
not accept this License. Therefore, by modifying or propagating a
covered work, you indicate your acceptance of this License to do so.
#### 10. Automatic Licensing of Downstream Recipients.
Each time you convey a covered work, the recipient automatically
receives a license from the original licensors, to run, modify and
propagate that work, subject to this License. You are not responsible
for enforcing compliance by third parties with this License.
An "entity transaction" is a transaction transferring control of an
organization, or substantially all assets of one, or subdividing an
organization, or merging organizations. If propagation of a covered
work results from an entity transaction, each party to that
transaction who receives a copy of the work also receives whatever
licenses to the work the party's predecessor in interest had or could
give under the previous paragraph, plus a right to possession of the
Corresponding Source of the work from the predecessor in interest, if
the predecessor has it or can get it with reasonable efforts.
You may not impose any further restrictions on the exercise of the
rights granted or affirmed under this License. For example, you may
not impose a license fee, royalty, or other charge for exercise of
rights granted under this License, and you may not initiate litigation
(including a cross-claim or counterclaim in a lawsuit) alleging that
any patent claim is infringed by making, using, selling, offering for
sale, or importing the Program or any portion of it.
#### 11. Patents.
A "contributor" is a copyright holder who authorizes use under this
License of the Program or a work on which the Program is based. The
work thus licensed is called the contributor's "contributor version".
A contributor's "essential patent claims" are all patent claims owned
or controlled by the contributor, whether already acquired or
hereafter acquired, that would be infringed by some manner, permitted
by this License, of making, using, or selling its contributor version,
but do not include claims that would be infringed only as a
consequence of further modification of the contributor version. For
purposes of this definition, "control" includes the right to grant
patent sublicenses in a manner consistent with the requirements of
this License.
Each contributor grants you a non-exclusive, worldwide, royalty-free
patent license under the contributor's essential patent claims, to
make, use, sell, offer for sale, import and otherwise run, modify and
propagate the contents of its contributor version.
In the following three paragraphs, a "patent license" is any express
agreement or commitment, however denominated, not to enforce a patent
(such as an express permission to practice a patent or covenant not to
sue for patent infringement). To "grant" such a patent license to a
party means to make such an agreement or commitment not to enforce a
patent against the party.
If you convey a covered work, knowingly relying on a patent license,
and the Corresponding Source of the work is not available for anyone
to copy, free of charge and under the terms of this License, through a
publicly available network server or other readily accessible means,
then you must either (1) cause the Corresponding Source to be so
available, or (2) arrange to deprive yourself of the benefit of the
patent license for this particular work, or (3) arrange, in a manner
consistent with the requirements of this License, to extend the patent
license to downstream recipients. "Knowingly relying" means you have
actual knowledge that, but for the patent license, your conveying the
covered work in a country, or your recipient's use of the covered work
in a country, would infringe one or more identifiable patents in that
country that you have reason to believe are valid.
If, pursuant to or in connection with a single transaction or
arrangement, you convey, or propagate by procuring conveyance of, a
covered work, and grant a patent license to some of the parties
receiving the covered work authorizing them to use, propagate, modify
or convey a specific copy of the covered work, then the patent license
you grant is automatically extended to all recipients of the covered
work and works based on it.
A patent license is "discriminatory" if it does not include within the
scope of its coverage, prohibits the exercise of, or is conditioned on
the non-exercise of one or more of the rights that are specifically
granted under this License. You may not convey a covered work if you
are a party to an arrangement with a third party that is in the
business of distributing software, under which you make payment to the
third party based on the extent of your activity of conveying the
work, and under which the third party grants, to any of the parties
who would receive the covered work from you, a discriminatory patent
license (a) in connection with copies of the covered work conveyed by
you (or copies made from those copies), or (b) primarily for and in
connection with specific products or compilations that contain the
covered work, unless you entered into that arrangement, or that patent
license was granted, prior to 28 March 2007.
Nothing in this License shall be construed as excluding or limiting
any implied license or other defenses to infringement that may
otherwise be available to you under applicable patent law.
#### 12. No Surrender of Others' Freedom.
If conditions are imposed on you (whether by court order, agreement or
otherwise) that contradict the conditions of this License, they do not
excuse you from the conditions of this License. If you cannot convey a
covered work so as to satisfy simultaneously your obligations under
this License and any other pertinent obligations, then as a
consequence you may not convey it at all. For example, if you agree to
terms that obligate you to collect a royalty for further conveying
from those to whom you convey the Program, the only way you could
satisfy both those terms and this License would be to refrain entirely
from conveying the Program.
#### 13. Use with the GNU Affero General Public License.
Notwithstanding any other provision of this License, you have
permission to link or combine any covered work with a work licensed
under version 3 of the GNU Affero General Public License into a single
combined work, and to convey the resulting work. The terms of this
License will continue to apply to the part which is the covered work,
but the special requirements of the GNU Affero General Public License,
section 13, concerning interaction through a network will apply to the
combination as such.
#### 14. Revised Versions of this License.
The Free Software Foundation may publish revised and/or new versions
of the GNU General Public License from time to time. Such new versions
will be similar in spirit to the present version, but may differ in
detail to address new problems or concerns.
Each version is given a distinguishing version number. If the Program
specifies that a certain numbered version of the GNU General Public
License "or any later version" applies to it, you have the option of
following the terms and conditions either of that numbered version or
of any later version published by the Free Software Foundation. If the
Program does not specify a version number of the GNU General Public
License, you may choose any version ever published by the Free
Software Foundation.
If the Program specifies that a proxy can decide which future versions
of the GNU General Public License can be used, that proxy's public
statement of acceptance of a version permanently authorizes you to
choose that version for the Program.
Later license versions may give you additional or different
permissions. However, no additional obligations are imposed on any
author or copyright holder as a result of your choosing to follow a
later version.
#### 15. Disclaimer of Warranty.
THERE IS NO WARRANTY FOR THE PROGRAM, TO THE EXTENT PERMITTED BY
APPLICABLE LAW. EXCEPT WHEN OTHERWISE STATED IN WRITING THE COPYRIGHT
HOLDERS AND/OR OTHER PARTIES PROVIDE THE PROGRAM "AS IS" WITHOUT
WARRANTY OF ANY KIND, EITHER EXPRESSED OR IMPLIED, INCLUDING, BUT NOT
LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
A PARTICULAR PURPOSE. THE ENTIRE RISK AS TO THE QUALITY AND
PERFORMANCE OF THE PROGRAM IS WITH YOU. SHOULD THE PROGRAM PROVE
DEFECTIVE, YOU ASSUME THE COST OF ALL NECESSARY SERVICING, REPAIR OR
CORRECTION.
#### 16. Limitation of Liability.
IN NO EVENT UNLESS REQUIRED BY APPLICABLE LAW OR AGREED TO IN WRITING
WILL ANY COPYRIGHT HOLDER, OR ANY OTHER PARTY WHO MODIFIES AND/OR
CONVEYS THE PROGRAM AS PERMITTED ABOVE, BE LIABLE TO YOU FOR DAMAGES,
INCLUDING ANY GENERAL, SPECIAL, INCIDENTAL OR CONSEQUENTIAL DAMAGES
ARISING OUT OF THE USE OR INABILITY TO USE THE PROGRAM (INCLUDING BUT
NOT LIMITED TO LOSS OF DATA OR DATA BEING RENDERED INACCURATE OR
LOSSES SUSTAINED BY YOU OR THIRD PARTIES OR A FAILURE OF THE PROGRAM
TO OPERATE WITH ANY OTHER PROGRAMS), EVEN IF SUCH HOLDER OR OTHER
PARTY HAS BEEN ADVISED OF THE POSSIBILITY OF SUCH DAMAGES.
#### 17. Interpretation of Sections 15 and 16.
If the disclaimer of warranty and limitation of liability provided
above cannot be given local legal effect according to their terms,
reviewing courts shall apply local law that most closely approximates
an absolute waiver of all civil liability in connection with the
Program, unless a warranty or assumption of liability accompanies a
copy of the Program in return for a fee.
END OF TERMS AND CONDITIONS
### How to Apply These Terms to Your New Programs
If you develop a new program, and you want it to be of the greatest
possible use to the public, the best way to achieve this is to make it
free software which everyone can redistribute and change under these
terms.
To do so, attach the following notices to the program. It is safest to
attach them to the start of each source file to most effectively state
the exclusion of warranty; and each file should have at least the
"copyright" line and a pointer to where the full notice is found.
<one line to give the program's name and a brief idea of what it does.>
Copyright (C) <year> <name of author>
This program is free software: you can redistribute it and/or modify
it under the terms of the GNU General Public License as published by
the Free Software Foundation, either version 3 of the License, or
(at your option) any later version.
This program is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
GNU General Public License for more details.
You should have received a copy of the GNU General Public License
along with this program. If not, see <http://www.gnu.org/licenses/>.
Also add information on how to contact you by electronic and paper
mail.
If the program does terminal interaction, make it output a short
notice like this when it starts in an interactive mode:
<program> Copyright (C) <year> <name of author>
This program comes with ABSOLUTELY NO WARRANTY; for details type `show w'.
This is free software, and you are welcome to redistribute it
under certain conditions; type `show c' for details.
The hypothetical commands \`show w' and \`show c' should show the
appropriate parts of the General Public License. Of course, your
program's commands might be different; for a GUI interface, you would
use an "about box".
You should also get your employer (if you work as a programmer) or
school, if any, to sign a "copyright disclaimer" for the program, if
necessary. For more information on this, and how to apply and follow
the GNU GPL, see <http://www.gnu.org/licenses/>.
The GNU General Public License does not permit incorporating your
program into proprietary programs. If your program is a subroutine
library, you may consider it more useful to permit linking proprietary
applications with the library. If this is what you want to do, use the
GNU Lesser General Public License instead of this License. But first,
please read <http://www.gnu.org/philosophy/why-not-lgpl.html>.

37
Dockerfile Normal file
View file

@ -0,0 +1,37 @@
#
# This file is part of VILLASweb.
#
# VILLASweb is free software: you can redistribute it and/or modify
# it under the terms of the GNU General Public License as published by
# the Free Software Foundation, either version 3 of the License, or
# (at your option) any later version.
#
# VILLASweb is distributed in the hope that it will be useful,
# but WITHOUT ANY WARRANTY; without even the implied warranty of
# MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
# GNU General Public License for more details.
#
# You should have received a copy of the GNU General Public License
# along with VILLASweb. If not, see <http://www.gnu.org/licenses/>.
# ******************************************************************************
FROM node:16.5 AS builder
# Create app directory
RUN mkdir -p /usr/src/app
WORKDIR /usr/src/app
# use changes to package.json to force Docker not to use the cache
# when we change our application's nodejs dependencies:
ADD package.json /usr/src/app
RUN npm install --force
# Install app dependencies
ARG REACT_APP_BRAND
COPY . /usr/src/app
# Production build, CI=false prevents warnings from being treated as errors
RUN CI=false npm run build
FROM nginx
COPY --from=builder /usr/src/app/build /usr/share/nginx/html

69
README.md
View file

@ -1,53 +1,50 @@
# Lab-mashup
# <img src="doc/pictures/villas_web.png" width=40 /> VILLASweb
[![pipeline status](https://git.rwth-aachen.de/acs/public/villas/web/badges/master/pipeline.svg)](https://git.rwth-aachen.de/acs/public/villas/web/-/commits/master)
[![License: GPL v3](https://img.shields.io/badge/License-GPLv3-blue.svg)](https://www.gnu.org/licenses/gpl-3.0)
This README outlines the details of collaborating on this Ember application.
A short introduction of this app could easily go here.
VILLASweb is a tool to configure real-time co-simulations and display simulation real-time data in the web browser.
## Prerequisites
## Documentation
You will need the following things properly installed on your computer.
More details on the setup and usage of VILLASweb is available [in the VILLAS documentation](https://villas.fein-aachen.org/docs/web).
* [Git](http://git-scm.com/)
* [Node.js](http://nodejs.org/) (with NPM)
* [Bower](http://bower.io/)
* [Ember CLI](http://www.ember-cli.com/)
* [PhantomJS](http://phantomjs.org/)
## Copyright
## Installation
2022, Institute for Automation of Complex Power Systems, EONERC
* `git clone <repository-url>` this repository
* change into the new directory
* `npm install`
* `bower install`
## License
## Running / Development
This project is released under the terms of the [GPL version 3](COPYING.md).
* `ember server`
* Visit your app at [http://localhost:4200](http://localhost:4200).
We kindly ask all academic publications employing components of VILLASframework to cite one of the following papers:
### Code Generators
- A. Monti et al., "[A Global Real-Time Superlab: Enabling High Penetration of Power Electronics in the Electric Grid](https://ieeexplore.ieee.org/document/8458285/)," in IEEE Power Electronics Magazine, vol. 5, no. 3, pp. 35-44, Sept. 2018.
- S. Vogel, M. Mirz, L. Razik and A. Monti, "[An open solution for next-generation real-time power system simulation](http://ieeexplore.ieee.org/stamp/stamp.jsp?tp=&arnumber=8245739&isnumber=8244404)," 2017 IEEE Conference on Energy Internet and Energy System Integration (EI2), Beijing, 2017, pp. 1-6.
Make use of the many generators for code, try `ember help generate` for more details
```
This program is free software: you can redistribute it and/or modify
it under the terms of the GNU General Public License as published by
the Free Software Foundation, either version 3 of the License, or
any later version.
### Running Tests
This program is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
GNU General Public License for more details.
* `ember test`
* `ember test --server`
You should have received a copy of the GNU General Public License
along with this program. If not, see <http://www.gnu.org/licenses/>.
```
### Building
For other licensing options please consult [Prof. Antonello Monti](mailto:amonti@eonerc.rwth-aachen.de).
* `ember build` (development)
* `ember build --environment production` (production)
## Contact
### Deploying
[![EONERC ACS Logo](doc/pictures/eonerc_logo.png)](http://www.acs.eonerc.rwth-aachen.de)
Specify what it takes to deploy your app.
## Further Reading / Useful Links
* [ember.js](http://emberjs.com/)
* [ember-cli](http://www.ember-cli.com/)
* Development Browser Extensions
* [ember inspector for chrome](https://chrome.google.com/webstore/detail/ember-inspector/bmdblncegkenkacieihfhpjfppoconhi)
* [ember inspector for firefox](https://addons.mozilla.org/en-US/firefox/addon/ember-inspector/)
- Steffen Vogel <post@steffenvogel.de>
- Iris Köster <ikoester@eonerc.rwth-aachen.de>
[Institute for Automation of Complex Power Systems (ACS)](http://www.acs.eonerc.rwth-aachen.de)
[EON Energy Research Center (EONERC)](http://www.eonerc.rwth-aachen.de)
[RWTH University Aachen, Germany](http://www.rwth-aachen.de)

63
app/adapters/application.js
View file

@ -1,63 +0,0 @@
import DS from 'ember-data';
import ENV from '../config/environment';
export default DS.RESTAdapter.extend({
host: ENV.APP.API_HOST,
namespace: 'api/ngsi10',
headers: {
Accept: 'application/json'
},
findAll: function(store, type, sinceToken) {
var requestBody = {
entities: [
{
type: 'ElectricalGridMonitoring',
isPattern: true,
id: 'S?_ElectricalGrid'
},
{
type: 'DataFileControl',
isPattern: false,
id: 'DataFileControl'
}
]
};
return this.ajax(this.host + '/' + this.namespace + '/queryContext', 'POST', { data: requestBody });
},
findRecord: function(store, type, id, snapshot) {
var requestBody = {
entities: [
{
type: 'ElectricalGridMonitoring',
isPattern: false,
id: id
},
{
type: 'DataFileControl',
isPattern: false,
id: 'DataFileControl'
}
]
};
return this.ajax(this.host + '/' + this.namespace + '/queryContext', 'POST', { data: requestBody });
},
query: function(store, type, query) {
return this.ajax(this.host + '/' + this.namespace + '/queryContext', 'POST', { data: query });
},
updateRecord: function(store, type, snapshot) {
var requestBody = {};
var serializer = store.serializerFor(type.modelName);
serializer.serializeIntoHash(requestBody, type, snapshot);
var url = this.host + '/' + this.namespace + '/updateContext';
return this.ajax(url, 'POST', { data: requestBody });
}
});

18
app/app.js
View file

@ -1,18 +0,0 @@
import Ember from 'ember';
import Resolver from 'ember/resolver';
import loadInitializers from 'ember/load-initializers';
import config from './config/environment';
var App;
Ember.MODEL_FACTORY_INJECTIONS = true;
App = Ember.Application.extend({
modulePrefix: config.modulePrefix,
podModulePrefix: config.podModulePrefix,
Resolver: Resolver
});
loadInitializers(App, config.modulePrefix);
export default App;

0
app/components/.gitkeep
View file

44
app/components/bar-chart.js
View file

@ -1,44 +0,0 @@
import Ember from 'ember';
export default Ember.Component.extend({
tagName: 'div',
classNames: ['bar-chart'],
attributeBindings: ['style'],
minValue: '',
maxValue: '',
width: 150,
height: 300,
didInsertElement: function() {
this._drawChart();
},
style: function() {
return 'width: ' + this.get('width') + '; height: ' + this.get('height') + ';';
}.property('width', 'height'),
_drawChart: function() {
// get element
var element = this.get('element');
if (element && element.id) {
if (this.data) {
// chart options
var options = { xaxis: { show: false }, yaxis: {} };
if (this.get('minValue') !== '') {
options.yaxis.min = this.get('minValue');
}
if (this.get('maxValue') !== '') {
options.yaxis.max = this.get('maxValue');
}
// draw chart
$.plot('#' + element.id, this.data, options);
} else {
// draw empty chart
$.plot('#' + element.id, [[]], { xaxis: { show: false }, yaxis: { show: false }});
}
}
}.observes('data')
});

95
app/components/d3-alarm.js vendored
View file

@ -1,95 +0,0 @@
import Ember from 'ember';
export default Ember.Component.extend({
tagName: 'span',
classNames: ['alarm'],
size: 40,
value: 0,
alarmZones: [],
_blinking: false,
_blinkState: false,
didInsertElement: function() {
this._drawAlarm();
},
_drawAlarm: function() {
// calculate dimensions
var cx = this.size / 2;
var radius = this.size / 2 * 0.97;
// create body element
var body = d3.select('#' + this.elementId).append("svg:svg").attr("width", this.size).attr("height", this.size);
this.set('svgBody', body);
// add background
body.append("svg:circle")
.attr("cx", cx)
.attr("cy", cx)
.attr("r", radius)
.style("fill", "#ccc")
.style("stroke", "#000")
.style("stroke-width", "0.5px");
this._redraw();
},
_redraw: function() {
var cx = this.size / 2;
var radius = this.size / 2 * 0.97;
var litAlarm = this._shouldLitAlarm();
if (litAlarm && this._blinking === false) {
// start blinking
this._blinkState = true;
this._blinking = true;
Ember.run.later(this, this._updateBlinkState, 1000);
} else if (litAlarm === false && this._blinking === true) {
// stop blinking
this._blinking = false;
}
if (litAlarm && (this._blinking === true && this._blinkState === true)) {
this.svgBody.append("svg:circle")
.attr("cx", cx)
.attr("cy", cx)
.attr("r", radius * 0.8)
.style("fill", "#F00")
.style("stroke", "#000")
.style("stroke-width", "0.5px");
} else {
this.svgBody.append("svg:circle")
.attr("cx", cx)
.attr("cy", cx)
.attr("r", radius * 0.8)
.style("fill", "#633")
.style("stroke", "#000")
.style("stroke-width", "0.5px");
}
}.observes('value'),
_shouldLitAlarm: function() {
for (var zone in this.alarmZones) {
// get border for zone
var from = this.alarmZones[zone].from;
var to = this.alarmZones[zone].to;
if (this.value >= from && this.value <= to) {
return true;
}
}
return false;
},
_updateBlinkState: function() {
if (this._blinking === true) {
this._blinkState = !this._blinkState;
Ember.run.later(this, this._updateBlinkState, 1000);
}
}
});

261
app/components/d3-gauge.js vendored
View file

@ -1,261 +0,0 @@
import Ember from 'ember';
export default Ember.Component.extend({
tagName: 'span',
classNames: ['gauge'],
size: 120,
minValue: 0,
maxValue: 100,
value: 0,
minorTicks: 2,
majorTicks: 5,
label: '',
greenColor: '#109618',
yellowColor: '#FF9900',
redColor: '#DC3912',
greenZones: [],
yellowZones: [],
redZones: [],
didInsertElement: function() {
this._drawGauge();
},
_drawGauge: function() {
// calculate dimensions
var cx = this.size / 2;
var radius = this.size / 2 * 0.97;
var labelFontSize = Math.round(this.size / 9);
var fontSize = Math.round(this.size / 16);
var range = this.maxValue - this.minValue;
var majorDelta = range / (this.majorTicks - 1);
var minorDelta = majorDelta / this.minorTicks;
var midValue = (this.minValue + this.maxValue) / 2;
var pointerFontSize = Math.round(this.size / 10);
// create body element
var body = d3.select('#' + this.elementId)
.append("svg:svg")
.attr("width", this.size)
.attr("height", this.size);
this.set('svgBody', body);
// base circles
body.append("svg:circle")
.attr("cx", cx)
.attr("cy", cx)
.attr("r", radius)
.style("fill", "#ccc")
.style("stroke", "#000")
.style("stroke-width", "0.5px");
body.append("svg:circle")
.attr("cx", cx)
.attr("cy", cx)
.attr("r", radius * 0.9)
.style("fill", "#fff")
.style("stroke", "#e0e0e0")
.style("stroke-width", "2px");
// color zones
for (var index in this.greenZones) {
this.drawBand(this.greenZones[index].from, this.greenZones[index].to, this.greenColor);
}
for (var index in this.yellowZones) {
this.drawBand(this.yellowZones[index].from, this.yellowZones[index].to, this.yellowColor);
}
for (var index in this.redZones) {
var zone = this.redZones[index];
this.drawBand(this.redZones[index].from, this.redZones[index].to, this.redColor);
}
// label
if (this.label) {
body.append("svg:text")
.attr("x", cx)
.attr("y", cx / 2 + labelFontSize / 2)
.attr("dy", labelFontSize / 2)
.attr("text-anchor", "middle")
.text(this.label)
.style("font-size", labelFontSize + "px")
.style("fill", "#333")
.style("stroke-width", "0px");
}
// ticks
for (var major = this.minValue; major <= this.maxValue; major += majorDelta) {
for (var minor = major + minorDelta; minor < Math.min(major + majorDelta, this.maxValue); minor += minorDelta) {
var p1 = this.valueToPoint(minor, 0.75);
var p2 = this.valueToPoint(minor, 0.85);
body.append("svg:line")
.attr("x1", p1.x)
.attr("y1", p1.y)
.attr("x2", p2.x)
.attr("y2", p2.y)
.style("stroke", "#666")
.style("stroke-width", "1px");
}
var p1 = this.valueToPoint(major, 0.7);
var p2 = this.valueToPoint(major, 0.85);
body.append("svg:line")
.attr("x1", p1.x)
.attr("y1", p1.y)
.attr("x2", p2.x)
.attr("y2", p2.y)
.style("stroke", "#333")
.style("stroke-width", "2px");
if (major == this.minValue || major == this.maxValue) {
var point = this.valueToPoint(major, 0.63);
body.append("svg:text")
.attr("x", point.x)
.attr("y", point.y)
.attr("dy", fontSize / 3)
.attr("text-anchor", major == this.minValue ? "start" : "end")
.text(major)
.style("font-size", fontSize + "px")
.style("fill", "#333")
.style("stroke-width", "0px");
}
}
// pointer
var pointerContainer = body.append("svg:g").attr("class", "pointerContainer");
var pointerPath = this.buildPointerPath(midValue);
var pointerLine = d3.svg.line()
.x(function(d) { return d.x })
.y(function(d) { return d.y })
.interpolate("basis");
pointerContainer.selectAll("path")
.data([pointerPath])
.enter()
.append("svg:path")
.attr("d", pointerLine)
.style("fill", "#dc3912")
.style("stroke", "#c63310")
.style("fill-opacity", 0.7);
pointerContainer.append("svg:circle")
.attr("cx", cx)
.attr("cy", cx)
.attr("r", radius * 0.12)
.style("fill", "#4684EE")
.style("stroke", "#666")
.style("opacity", 1);
pointerContainer.selectAll("text")
.data([midValue])
.enter()
.append("svg:text")
.attr("x", cx)
.attr("y", this.size - cx / 4 - pointerFontSize)
.attr("dy", pointerFontSize / 2)
.attr("text-anchor", "middle")
.style("font-size", pointerFontSize + "px")
.style("fill", "#000")
.style("stroke-width", "0px");
this._redraw(this.value, 0);
},
_redraw: function(value, transitionDuration) {
var pointerContainer = this.svgBody.select(".pointerContainer");
pointerContainer.selectAll("text").text(Math.floor(this.value * 100) / 100);
var pointer = pointerContainer.selectAll("path");
var _this = this;
transitionDuration = 0;
pointer.transition()
.duration(transitionDuration)
.attrTween("transform", function() {
var pointerValue = _this.value;
if (pointerValue > _this.maxValue) {
pointerValue = _this.maxValue + 0.02 * (_this.maxValue - _this.minValue);
} else if (pointerValue < _this.minValue) {
pointerValue = _this.minValue - 0.02 * (_this.maxValue - _this.minValue);
}
var targetRotation = _this.valueToDegrees(pointerValue) - 90;
var currentRotation = _this._currentRotation || targetRotation;
_this._currentRotation = targetRotation;
return function(step) {
var rotation = currentRotation + (targetRotation - currentRotation) * step;
return "translate(" + (_this.size / 2) + ", " + (_this.size / 2) + ") rotate(" + rotation + ")";
}
});
}.observes('value'),
drawBand: function(start, end, color) {
if (0 >= end - start) {
return;
}
var _this = this;
this.svgBody.append("svg:path")
.style("fill", color)
.attr("d", d3.svg.arc()
.startAngle(this.valueToRadians(start))
.endAngle(this.valueToRadians(end))
.innerRadius(0.65 * (this.size / 2 * 0.97))
.outerRadius(0.85 * (this.size / 2 * 0.97)))
.attr("transform", function() {
return "translate(" + (_this.size / 2) + ", " + (_this.size / 2) + ") rotate(270)";
});
},
buildPointerPath: function(value) {
var delta = (this.maxValue - this.minValue) / 13;
var head = this.valueToPoint(value, 0.85);
var head1 = this.valueToPoint(value - delta, 0.12);
var head2 = this.valueToPoint(value + delta, 0.12);
var cx = this.size / 2;
head.x -= cx;
head.y -= cx;
head1.x -= cx;
head1.y -= cx;
head2.x -= cx;
head2.y -= cx;
var tailValue = value - ((this.maxValue - this.minValue) * (1/(270/360)) / 2);
var tail = this.valueToPoint(tailValue, 0.28);
var tail1 = this.valueToPoint(tailValue - delta, 0.12);
var tail2 = this.valueToPoint(tailValue + delta, 0.12);
tail.x -= cx;
tail.y -= cx;
tail1.x -= cx;
tail1.y -= cx;
tail2.x -= cx;
tail2.y -= cx;
return [head, head1, tail2, tail, tail1, head2, head];
},
valueToPoint: function(value, factor) {
return {
x: (this.size / 2) - (this.size / 2 * 0.97) * factor * Math.cos(this.valueToRadians(value)),
y: (this.size / 2) - (this.size / 2 * 0.97) * factor * Math.sin(this.valueToRadians(value))
};
},
valueToRadians: function(value) {
return this.valueToDegrees(value) * Math.PI / 180;
},
valueToDegrees: function(value) {
return value / (this.maxValue - this.minValue) * 270 - (this.minValue / (this.maxValue - this.minValue) * 270 + 45);
}
});

39
app/components/entity-chart.js
View file

@ -1,39 +0,0 @@
import Ember from 'ember';
export default Ember.Component.extend({
tagName: 'div',
classNames: ['layout-page'],
currentProperty: null,
visibleProperty: function() {
var properties = this.get('entity.properties');
var prop = properties.objectAt(0);
this.setCurrentProperty(prop);
return prop;
}.property('entity'),
entityAvailable: function() {
if (this.get('entity')) {
var properties = this.get('entity.properties');
return (properties.get('length') > 0);
} else {
return false;
}
}.property('entity'),
setCurrentProperty: function(property) {
if (this.currentProperty) {
this.currentProperty.set('visible', false);
}
this.currentProperty = property;
this.currentProperty.set('visible', true);
},
actions: {
showPropertyValues(_prop) {
this.set('visibleProperty', _prop);
this.setCurrentProperty(_prop);
}
}
});

110
app/components/line-chart.js
View file

@ -1,110 +0,0 @@
import Ember from 'ember';
export default Ember.Component.extend({
tagName: 'div',
classNames: ['line-chart'],
attributeBindings: ['style'],
xaxisLength: 300,
minValue: '',
maxValue: '',
label: '',
height: '100%',
useLabel: true,
init: function() {
this._super();
},
didInsertElement: function() {
this._drawPlot();
},
style: function() {
return "height: " + this.get('height') + ";";
}.property('height'),
_drawPlot: function() {
var element = this.get('element');
if (element && element.id) {
if (this.data && this.data.length > 0) {
var values = this.data[0].data;
if (values.length > 0) {
// get first and last time stamp for plot
var firstTimestamp = values[0][0];
var lastTimestamp = values[values.length - 1][0];
var diff = lastTimestamp - firstTimestamp;
var diffValue = this.xaxisLength * 1000;
if (diff > diffValue) {
firstTimestamp = lastTimestamp - diffValue;
} else {
lastTimestamp = +firstTimestamp + +diffValue;
}
// generate plot options
var options = {
series: {
lines: {
show: true,
lineWidth: 2
},
shadowSize: 0
},
xaxis: {
mode: 'time',
timeformat: '%M:%S',
min: firstTimestamp,
max: lastTimestamp
},
yaxis: {
tickDecimals: 2
}
};
// set y axis scale
if (this.data.get('minValue')) {
options.yaxis.min = this.data.get('minValue');
} else if (this.get('minValue') !== '') {
options.yaxis.min = this.get('minValue');
}
if (this.data.get('maxValue')) {
options.yaxis.max = this.data.get('maxValue');
} else if (this.get('maxValue') !== '') {
options.yaxis.max = this.get('maxValue');
}
// setup plot data
var plotData = {
data: values,
color: "rgb(51, 153, 255)"
};
if (this.get('useLabel')) {
if (this.get('label') !== '') {
plotData.label = this.get('label');
} else {
plotData.label = this.data.get('name') + " [" + this.data.get('type') + "]";
}
}
// draw plot
$.plot('#' + element.id, this.data, options);
} else {
// display empty chart
$.plot('#' + element.id, [[]], {
xaxis: {
show: false
},
yaxis: {
show: false
}
});
}
}
}
}.observes('data')
});

12
app/components/property-table.js
View file

@ -1,12 +0,0 @@
import Ember from 'ember';
export default Ember.Component.extend({
tagName: 'table',
classNames: ['data-table'],
actions: {
propertyClicked(property) {
this.sendAction('showProperty', property);
}
}
});

27
app/components/static-chart.js
View file

@ -1,27 +0,0 @@
import Ember from 'ember';
export default Ember.Component.extend({
tagName: 'div',
classNames: ['line-chart'],
attributeBindings: ['style'],
xaxisLength: 300,
height: '100%',
data: [],
options: {},
didInsertElement: function() {
this._drawPlot();
},
style: function() {
return "height: " + this.get('height') + ";";
}.property('height'),
_drawPlot: function() {
var element = this.get('element');
if (element && element.id) {
// draw plot
$.plot('#' + element.id, this.get('data'), this.get('options'));
}
}.observes('data')
});

0
app/controllers/.gitkeep
View file

190
app/controllers/lab-mashup.js
View file

@ -1,190 +0,0 @@
import Ember from 'ember';
import ENV from '../config/environment';
export default Ember.Controller.extend({
freq575GreenZones: [{from: 49.5, to: 50.5}],
freq575YellowZones: [{from: 49, to: 49.5}, {from: 50.5, to: 51}],
freq575AlarmZones: [{from: 49, to: 49.5}, {from: 50.5, to: 51}],
freq575Value: 0,
voltage203937: [],
loadGenProfiles: [],
totalPValue: [],
_freezeState: false,
initState: function() {
return this.get('state') === 1;
}.property('state'),
eventState: function() {
return this.get('state') === 2;
}.property('state'),
initButtonState: function() {
return this.get('state') === 1 || this.get('state') === 0;
}.property('state'),
eventButtonState: function() {
return this.get('state') === 2 || this.get('state') === 0;
}.property('state'),
showExtendedView: function() {
return (ENV.APP.SHOW_EXTENDED_VIEW === 'true');
}.property(),
_updateController: function() {
// update attribute values
this._updateAttributes();
// get new data file control state from store
if (this._freezeState === false) {
var control = this.store.peekRecord('data-file-control', 'DataFileControl');
var reload = control.get('ForceReload');
if (reload === false || reload === 'false') {
if (control.get('Filename') === '/share/data/m1_S1_ElectricalGrid_data.txt') {
// state 1
if (this.get('state') !== 1) {
this.set('state', 1);
Ember.debug('update state (1)');
}
} else {
// state 2
if (this.get('state') !== 2) {
this.set('state', 2);
Ember.debug('update state (2)');
}
}
}
var status = control.get('Status');
/*Ember.debug('status: ' + status + ', reload: ' + reload);*/
if ((status === 'EOF') && ((reload === false) || (reload) === 'false')) {
if (this.get('state') === 1) {
control.set('ForceReload', true);
} else {
control.set('Filename', '/share/data/m1_S1_ElectricalGrid_data.txt');
this.set('state', 1);
}
control.save();
Ember.debug('update control: ' + control.get('Filename') + ', ' + control.get('ForceReload'));
}
}
Ember.run.later(this, this._updateController, ENV.APP.UPDATE_RATE);
}.on('init'),
_updateAttributes: function() {
// check for model and properties
if (!this.model) {
Ember.debug('controller model not found');
return false;
}
var entity = this.model.findBy('id', 'S3_ElectricalGrid');
if (!entity) {
Ember.debug('controller entity S3 not found');
return false;
}
var properties = entity.get('properties');
if (!properties) {
Ember.debug('controller properties not found');
return false;
}
// update attributes
var attr_freq575 = properties.findBy('name', 'Freq_575');
if (attr_freq575) {
this.set('freq575Value', attr_freq575.get('currentValue'));
} else {
Ember.debug('controller freq575 not found');
}
var attr_voltage203937 = properties.findBy('name', 'Voltage203937');
if (attr_voltage203937) {
this.set('voltage203937', [
{
label: 'RMS voltage [pu]',
data: attr_voltage203937.get('values'),
color: 'rgb(51, 153, 255)'
}
]);
} else {
Ember.debug('controller voltage203937 not found');
}
var attr_loadProfile = properties.findBy('name', 'LoadProfile');
var attr_genProfile = properties.findBy('name', 'GenProfile');
if (attr_loadProfile && attr_genProfile) {
this.set('loadGenProfiles', [
{
label: 'Total consumption [MW]',
data: attr_loadProfile.get('values'),
color: "rgb(51, 153, 255)"
},
{
label: 'Total PV generation [MW]',
data: attr_genProfile.get('values'),
color: "rgb(255, 91, 51)"
}
]);
} else {
Ember.debug('controller loadGenProfile not found');
}
var attr_totalP = properties.findBy('name', 'TotalP_DS');
if (attr_totalP) {
this.set('totalPValue', [
{
bars: { show: true },
data: [[0, attr_totalP.get('currentValue')]]
}
]);
} else {
Ember.debug('controller totalP not found');
}
return true;
},
_updateDataFileControl: function(state) {
var control = this.store.peekRecord('data-file-control', 'DataFileControl');
if (state === 1) {
control.set('Filename', '/share/data/m1_S1_ElectricalGrid_data.txt');
this.set('state', 1);
} else {
control.set('Filename', '/share/data/m2_S1_ElectricalGrid_data.txt');
this.set('state', 2);
}
this._freezeState = true;
Ember.run.later(this, function() {
this._freezeState = false;
}, 1000);
console.log("changed data control");
control.set('ForceReload', true);
control.save();
},
actions: {
resetData: function() {
this._updateDataFileControl(1);
},
eventData: function() {
this._updateDataFileControl(2);
}
}
});

0
app/helpers/.gitkeep
View file

25
app/index.html
View file

@ -1,25 +0,0 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>LabMashup</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
{{content-for 'head'}}
<link rel="stylesheet" href="assets/vendor.css">
<link rel="stylesheet" href="assets/lab-mashup.css">
{{content-for 'head-footer'}}
</head>
<body>
{{content-for 'body'}}
<script src="assets/vendor.js"></script>
<script src="assets/lab-mashup.js"></script>
{{content-for 'body-footer'}}
</body>
</html>

38
app/mirage/config.js
View file

@ -1,38 +0,0 @@
export default function() {
this.namespace = '/api/ngsi10';
this.post('/queryContext', function(db, request) {
return {
contextResponses: db.entities.map(attrs => ({
contextElement: {
type: attrs.type,
isPattern: false,
id: attrs.name,
attributes: attrs.properties.map(props => ({
name: props.name,
type: props.type,
value: props.value,
metadatas: [
{
name: 'timestamp',
type: 'date',
value: props.timestamp
}
]
}))
},
statusCode: {
code: 200,
reasonPhrase: 'OK'
}
}))
};
});
}
/*
You can optionally export a config that is only loaded during tests
export function testConfig() {
}
*/

17
app/mirage/factories/entity.js
View file

@ -1,17 +0,0 @@
import Mirage, {faker} from 'ember-cli-mirage';
export default Mirage.Factory.extend({
name(i) { return `S${i + 1}_ElectricalGrid`; },
type: 'ElectricalGridMonitoring',
properties: function(i) {
var data = [];
data.push({name: 'Current', value: faker.finance.amount(-100, 100, 4), type: 'A', timestamp: faker.date.past()});
data.push({name: 'Voltage', value: faker.finance.amount(-100, 100, 4), type: 'kV', timestamp: faker.date.past()});
data.push({name: 'Power', value: faker.finance.amount(-100, 100, 4), type: 'MW', timestamp: faker.date.past()});
return data;
}
});

3
app/mirage/scenarios/default.js
View file

@ -1,3 +0,0 @@
export default function(server) {
server.createList('entity', 5);
}

0
app/models/.gitkeep
View file

7
app/models/category.js
View file

@ -1,7 +0,0 @@
import DS from 'ember-data';
export default DS.Model.extend({
name: DS.attr('string'),
properties: DS.hasMany('property'),
entity: DS.belongsTo('entity')
});

7
app/models/data-file-control.js
View file

@ -1,7 +0,0 @@
import DS from 'ember-data';
export default DS.Model.extend({
Filename: DS.attr('string'),
ForceReload: DS.attr('boolean'),
Status: DS.attr('string')
});

8
app/models/entity.js
View file

@ -1,8 +0,0 @@
import Ember from 'ember';
import DS from 'ember-data';
export default DS.Model.extend({
type: DS.attr('string'),
properties: DS.hasMany('property'),
categories: DS.hasMany('category')
});

15
app/models/property.js
View file

@ -1,15 +0,0 @@
import DS from 'ember-data';
export default DS.Model.extend({
name: DS.attr('string'),
type: DS.attr('string'),
values: DS.attr(),
timestamp: DS.attr('date'),
visible: DS.attr('boolean', { defaultValue: false }),
source: DS.attr('string'),
minValue: DS.attr('number'),
maxValue: DS.attr('number'),
currentValue: DS.attr('number'),
entity: DS.belongsTo('entity'),
category: DS.belongsTo('category')
});

12
app/router.js
View file

@ -1,12 +0,0 @@
import Ember from 'ember';
import config from './config/environment';
var Router = Ember.Router.extend({
location: config.locationType
});
Router.map(function() {
this.route('lab-mashup', { path: '/' });
});
export default Router;

0
app/routes/.gitkeep
View file

49
app/routes/lab-mashup.js
View file

@ -1,49 +0,0 @@
import Ember from 'ember';
import ENV from '../config/environment';
export default Ember.Route.extend({
model() {
return this.store.query('entity', { entities: [
{
id: 'S3_ElectricalGrid',
isPattern: false,
type: 'ElectricalGridMonitoring'
},
{
id: 'DataFileControl',
isPattern: false,
type: 'DataFileControl'
}
]});
//return this.store.findAll('entity');
},
afterModel() {
// first time call poll
Ember.run.later(this, function() {
this.refreshEntities();
}, ENV.APP.UPDATE_RATE);
},
refreshEntities: function() {
// fetch new data from server
this.store.query('entity', { entities: [
{
id: 'S3_ElectricalGrid',
isPattern: false,
type: 'ElectricalGridMonitoring'
},
{
id: 'DataFileControl',
isPattern: false,
type: 'DataFileControl'
}
]});
//this.store.findAll('entity');
// reschedule refresh
Ember.run.later(this, function() {
this.refreshEntities();
}, ENV.APP.UPDATE_RATE);
}
});

277
app/serializers/application.js
View file

@ -1,277 +0,0 @@
import DS from 'ember-data';
export default DS.RESTSerializer.extend({
normalizeFindAllResponse: function(store, primaryModelClass, payload, id, requestType) {
var json = { data: [] };
var _this = this;
this._normalizePayload(payload, function(item) {
if (item.type === 'entity') {
json.data.push(item);
} else if (item.type === 'property') {
_this._updateProperty(item);
} else if (item.type === 'data-file-control') {
_this._updateDataFileControl(item);
}
return true;
});
return json;
},
normalizeFindRecordResponse: function(store, primaryModelClass, payload, id, requestType) {
var json = { data: {} };
var _this = this;
this._normalizePayload(payload, function(item) {
if (item.type === 'entity') {
json.data = item;
} else if (item.type === 'property') {
_this._updateProperty(item);
} else if (item.type === 'data-file-control') {
_this._updateDataFileControl(item);
}
return true;
});
return json;
},
normalizeQueryResponse: function(store, primaryModelClass, payload, id, requestType) {
var json = { data: [] };
var _this = this;
this._normalizePayload(payload, function(item) {
if (item.type === 'entity') {
json.data.push(item);
} else if (item.type === 'property') {
_this._updateProperty(item);
} else if (item.type === 'data-file-control') {
_this._updateDataFileControl(item);
}
return true;
});
return json;
},
serializeIntoHash: function(hash, typeClass, snapshot, options) {
hash.contextElements = [
{
id: 'DataFileControl',
type: 'DataFileControl',
isPattern: false,
attributes: []
}
];
hash.updateAction = "APPEND";
console.log(hash);
for (var name in snapshot._attributes) {
hash.contextElements[0].attributes.push({
name: name,
value: snapshot._attributes[name]
});
}
},
normalizeSaveResponse: function(store, primaryModelClass, payload, id, requestType) {
if (payload.contextResponses) {
payload.contextResponses.forEach(function(response) {
if (response.statusCode.code !== 200 && response.statusCode.code !== '200') {
Ember.debug('Failed update DataFileControl: ' + response.statusCode.code + ', ' + response.statusCode.details);
}
});
}
Ember.debug('cb response');
return { data: {} };
},
_normalizePayload: function(payload, handleItem) {
var propertyIndex = 0;
// check if payload has context responses
if (payload.contextResponses) {
payload.contextResponses.forEach(function(item) {
// check if item has context element
if (item.contextElement) {
if (item.contextElement.type === 'DataFileControl') {
var dataFileControl = {
type: 'data-file-control',
id: item.contextElement.id,
attributes: {
}
};
if (item.contextElement.attributes) {
item.contextElement.attributes.forEach(function(attribute) {
if (attribute.name === 'Filename') {
dataFileControl.attributes.Filename = attribute.value;
} else if (attribute.name === 'ForceReload') {
dataFileControl.attributes.ForceReload = attribute.value;
} else if (attribute.name === 'Status') {
dataFileControl.attributes.Status = attribute.value;
}
});
}
handleItem(dataFileControl);
} else {
// create new entity object
var entity = {
type: 'entity',
id: item.contextElement.id,
attributes: {
type: item.contextElement.type
},
relationships: {
properties: {
data: []
}
}
}
if (item.contextElement.attributes) {
var timestamp = 0;
item.contextElement.attributes.forEach(function(attribute) {
if (attribute.name === 'timestamp') {
timestamp = attribute.value;
}
});
item.contextElement.attributes.forEach(function(attribute) {
if (attribute.name !== 'timestamp') {
// find metadata
var source = "";
var minValue;
var maxValue;
if (attribute.metadatas) {
attribute.metadatas.forEach(function(metadata) {
if (metadata.name === 'timestamp') {
timestamp = Date.parse(metadata.value);
} else if (metadata.name === 'source') {
source = metadata.value;
} else if (metadata.name === 'min') {
minValue = metadata.value;
} else if (metadata.name === 'max') {
maxValue = metadata.value;
}
});
}
// create property
var property = {
type: 'property',
id: 'property_' + propertyIndex++,
attributes: {
name: attribute.name,
type: attribute.type,
timestamp: timestamp,
visible: false,
source: source,
minValue: minValue,
maxValue: maxValue,
values: []
},
relationships: {
entity: {
data: { type: 'entity', id: entity.id }
}
}
}
// add values
if (attribute.value) {
if ($.isArray(attribute.value)) {
attribute.value.forEach(function (value) {
// fix for second to millisecond
value[0] = +value[0] * 1000;
property.attributes.values.push(value);
property.attributes.currentValue = value[1];
});
} else {
property.attributes.values.push([(new Date()).getTime(), attribute.value]);
property.attributes.currentValue = attribute.value;
}
}
entity.relationships.properties.data.push({ type: 'property', id: property.id });
handleItem(property);
} else {
var category = {
type: 'category',
id: 'category_' + propertyIndex++,
attributes: {
name: attribute.name,
},
relationships: {
entity: {
data: { type: 'entity', id: entity.id }
}
}
}
handleItem(category);
}
});
}
// pass entity to caller function
if (handleItem(entity) == false) {
// if false returned the caller needs no more entites
return;
}
}
}
});
}
},
_updateProperty: function(item) {
// create record if needed, otherwise add to current one
var record = this.store.peekRecord('property', item.id);
if (record) {
if (record.get('timestamp') !== item.attributes.timestamp) {
item.attributes.values.forEach(function (value) {
record.get('values').push(value);
});
// erase old data
while (record.get('values').length > 500) {
record.get('values').shift();
/*Ember.debug('Shift on ' + record.get('name'));*/
}
record.set('timestamp', item.attributes.timestamp);
record.set('currentValue', item.attributes.currentValue);
}
} else {
// add new item
this.store.push(item);
}
},
_updateDataFileControl: function(item) {
var record = this.store.peekRecord('data-file-control', item.id);
if (record) {
record.set('Filename', item.attributes.Filename);
record.set('ForceReload', item.attributes.ForceReload);
record.set('Status', item.attributes.Status);
} else {
this.store.push(item);
}
}
});

404
app/styles/app.css
View file

@ -1,404 +0,0 @@
@import "normalize.css";
/*
* Skeleton
*/
html, body {
margin: 0;
padding: 0;
}
.ember-application {
width: 100%;
height: 100%;
top: 0;
left: 0;
position: absolute;
overflow: hidden;
background: #6EA2B0;
color: #4d4d4d;
margin: 0 auto;
/*font: 16px 'Helvetica Neue', Helvetica, Arial, sans-serif;*/
font: 1.7em Helvetica;
font-weight: 300;
font-smoothing: antialiased;
-webkit-font-smoothing: antialiased;
-moz-font-smoothing: antialiased;
}
.row, .col {
overflow: hidden;
position: absolute;
}
.row {
left: 0;
right: 0;
}
.col {
top: 0;
bottom: 0;
}
.hidden {
display: none;
}
/*
* Application
*/
#lapMashupApp {
}
header {
color: #103B7D;
background-color: #fff;
height: 80px;
top: 0;
border-bottom: 3px solid #bbb;
}
header #title {
font-size: 30px;
font-weight: 100;
text-align: left;
text-rendering: optimizeLegibility;
-webkit-text-rendering: optimizeLegiblity;
-moz-text-rendering: optimizeLegibitliy;
padding: 25px 0 20px 30px;
float: left;
}
header #logos {
height: 80px;
padding-top: 8px;
float: right;
}
footer {
color: #555;
height: 25px;
bottom: 0;
font-size: 1em;
/*text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);*/
text-align: center;
}
#main {
top: 80px;
bottom: 0px;
left: 20px;
right: 20px;
}
.svg-image {
width: 95%;
height: auto;
}
.svg-logo {
width: auto;
height: 60px;
padding-right: 30px;
float: left;
}
#rwth-logo {
margin-top: 15px;
height: 30px !important;
}
#DS-image {
width: auto;
height: 385px;
}
#TS-image {
width: auto;
height: 385px;
}
h1 {
font-size: 1.5em;
margin: 0;
padding: 0;
}
h2 {
font-size: 1.2em;
text-align: left;
color: #103B7D;
}
h3 {
font-size: 0.85em;
/*font-weight: bold;*/
}
h4 {
font-size: 0.8em;
}
p {
font-size: 0.65em;
}
.gauge {
/*margin-top: -20px;*/
padding-left: 20px;
float: left;
}
.alarm {
float: right;
/*padding-top: 20px;*/
padding-right: 95px;
}
button {
border: 3px solid blue;
color #FFF;
background-color: #ccf;
font-size: 20px;
font-weight: bold;
width: 250px;
height: 80px;
}
button:disabled {
border: 3px solid gray !important;
background-color: #ccc !important;
}
.link-button {
display: block;
border: 3px solid green;
color: #333;
background-color: #beb;
font-size: 14px;
font-weight: bold;
text-align: center;
width: 120px;
height: 30px;
padding: 5px;
}
.link-button:hover {
text-decoration: none !important;
}
#init-button {
}
#event-button {
border: 3px solid red;
background-color: #fcc;
}
/*
* Layout
*/
.grid {
width: 100%;
height: 100%;
margin: 0;
/*padding: 0;*/
padding-top: 0px;
padding-bottom: 0px;
border: 0;
border-collapse: collapse;
table-layout: fixed;
overflow: hidden;
}
.grid td {
width: 50%;
height: 50%;
/*padding: 20px 10px 20px 10px;*/
padding: 2px;
vertical-align: top;
}
.layout-page {
background-color: #f2f2f2;
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2),
0 9px 18px 0 rgba(0, 0, 0, 0.1);
width: 100%;
height: 100%;
padding: 10px;
overflow: hidden;
}
.layout-page h2 {
text-align: center;
margin: 0;
}
.layout-page h3 {
text-align: left;
}
.page-grid {
width: 100%;
height: 100%;
max-width: 100%;
max-height: 100%;
padding: 0;
margin: 0;
table-layout: fixed;
}
.page-grid tr {
padding: 0;
margin: 0;
}
.page-grid td {
padding: 0;
margin: 0;
width: auto;
height: auto;
}
.page-grid h2 {
padding-top: 5px;
}
.page-grid h3 {
padding: 0;
margin: 0;
}
.shadowed {
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5),
0 10px 20px 0 rgba(0, 0, 0, 0.2);
}
/*
* Content
*/
.property-cell {
}
.chart-cell {
padding-left: 10px !important;
}
#simulation-page {
}
#consumer-page h2 {
margin: 10px 0 0 0 !important;
}
/*
* Components
*/
.line-chart {
width: 100%;
height: 90%;
}
.data-table {
background: #eee;
margin: 0;
padding: 0;
border: 1px solid #999;
border-collapse: collapse;
vertical-align: top;
}
.data-table th {
background: #ddd;
border: 1px solid #999;
border-collapse: collapse;
padding: 2px 4px;
font-size: 0.7em;
}
.data-table td {
border: 1px solid #999;
border-collapse: collapse;
padding: 2px 4px;
font-size: 0.6em;
}
.label-source {
text-align: left;
margin: 0;
padding: 0;
float: left;
}
.label-type {
text-align: right;
margin: 0;
padding: 0;
float: right;
}
/*
* Flot charts
*/
.flot-tick-label {
font-size: 0.75em;
}

14
app/templates/application.hbs
View file

@ -1,14 +0,0 @@
<section id="lapMashupApp">
<header class="row">
<div id="title">
European Real-Time Integrated Co-Simulation Demo
</div>
<div id="logos">
<img src={{"assets/images/EU.svg"}} class="svg-logo" />
<img src={{"assets/images/RWTH.svg"}} class="svg-logo" id="rwth-logo" />
<img src={{"assets/images/PoliTo.svg"}} class="svg-logo" />
</div>
</header>
{{outlet}}
</section>

0
app/templates/components/.gitkeep
View file

1
app/templates/components/bar-chart.hbs
View file

@ -1 +0,0 @@
{{yield}}

1
app/templates/components/d3-alarm.hbs
View file

@ -1 +0,0 @@
{{yield}}

1
app/templates/components/d3-gauge.hbs
View file

@ -1 +0,0 @@
{{yield}}

23
app/templates/components/entity-chart.hbs
View file

@ -1,23 +0,0 @@
<table class="page-grid">
<tr>
<td valign="top" class="property-cell">
{{#if entityAvailable}}
{{property-table model=entity showProperty="showPropertyValues"}}
{{/if}}
</td>
<td valign="top" width="100%" height="100%" class="chart-cell">
<h2>{{entityName}}</h2>
{{#if entityAvailable}}
{{line-chart data=visibleProperty height="80%"}}
<!-- {{#if visibleProperty}}
<h4 class="label-source">Source: {{visibleProperty.source}}</h4>
{{/if}} -->
{{else}}
<h3>Data not available</h3>
{{/if}}
</td>
</tr>
</table>

1
app/templates/components/line-chart.hbs
View file

@ -1 +0,0 @@

16
app/templates/components/property-table.hbs
View file

@ -1,16 +0,0 @@
<tr>
<th>Attributes</th>
</tr>
{{#each model.properties as |property|}}
<tr>
<td>
<a href="#" {{action "propertyClicked" property}}>
{{#if property.visible}}
<strong>{{property.name}}</strong>
{{else}}
{{property.name}}
{{/if}}
</a>
</td>
</tr>
{{/each}}

1
app/templates/components/static-chart.hbs
View file

@ -1 +0,0 @@
{{yield}}

171
app/templates/lab-mashup.hbs
View file

@ -1,171 +0,0 @@
<section class="row" id="main">
<table class="grid">
<tr>
<td style="padding-top: 5px;">
<div class="layout-page">
<h2>Transmission system simulation</h2>
<table class="page-grid">
<tr style="height: 15%">
<td style="width: 25%" rowspan="2">
<h3>
Italy - Piedmont region
</h3>
{{#if initState}}
<img src={{"assets/images/TS_section/TSmap_m1.gif"}} id="TS-image" />
{{/if}}
{{#if eventState}}
<img src={{"assets/images/TS_section/TSmap_m2.gif"}} id="TS-image" />
{{/if}}
</td>
<td style="width: 50%; padding-left: 20px">
</td>
<td style="width: 35%">
<img src={{"assets/images/TS_section/TS_fig1.svg"}} class="svg-image" style="float: right; margin-top: -20px" />
</td>
</tr>
<tr style="height: 85%">
<td style="width: 40%">
<div style="padding-top: 0px">
</div>
</td>
<td style="width: 35%">
<p style="padding-top: 30px; padding-left: 15px;">
Piedmont Region - Italy
<ul>
<li>Surface area: 25400 km&#178;</li>
<li>Inhabitants: 4.45 million</li>
<li>Electric power capacity: 8458 MW</li>
</ul>
</p>
<div style="padding-top: 60px; padding-left: 20px;">
{{d3-alarm value=freq575Value alarmZones=freq575AlarmZones size=35}}
{{d3-gauge label="Freq" value=freq575Value minValue=49 maxValue=51 minorTicks=4 size=120 greenZones=freq575GreenZones yellowZones=freq575YellowZones}}
</div>
<div style="width: 100%; margin-top: 130px; padding-left: 10px;">
<h3 style="padding-left: 10px">
Frequency measurement<br />
at STURA substation
</h3>
</div>
</td>
</tr>
</table>
</div>
</td>
<td style="padding-top: 5px;">
<div class="layout-page">
<table class="page-grid">
<tr style="height: 15%">
<td style="width: 25%">
</td>
<td style="width: 50%" colspan="2">
<h2>Control Center</h2>
</td>
<td style="width: 25%">
<img src={{"assets/images/ControlCenter_section/CS_fig1.svg"}} class="svg-image" style="float: right; width: 65% !important" />
</td>
</tr>
<tr style="height: 85%">
<td style="width: 50%" colspan="2">
<h3 style="text-align: center">
Distribution grid monitoring: voltage measurement
</h3>
{{line-chart data=voltage203937 height="90%" xaxisLength=120 minValue=0.90 maxValue=1.05 label="RMS voltage [pu]"}}
</td>
<td style="width: 50%" colspan="2">
<div style="position: relative; top: 15%; left: 30%">
<button {{action 'resetData'}} disabled={{initButtonState}} id="init-button">NORMAL<br />sunny + low demand</button>
</div>
<div style="position: relative; top: 30%; left: 30%">
<button {{action 'eventData'}} disabled={{eventButtonState}} id="event-button">ABNORMAL<br />cloudy + high demand</button>
</div>
{{#if showExtendedView}}
<div style="position: relative; top: 45%; left: 72%">
<a class="link-button" href="/technical/" target="_blank">Extended View</a>
</div>
{{/if}}
</td>
</tr>
</table>
</div>
</td>
</tr>
<tr>
<td style="padding-bottom: 5px;">
<div class="layout-page">
<h2>Distribution system simulation</h2>
<table class="page-grid">
<tr>
<td style="width: 72%" rowspan="2">
<h3>
Italy - Piedmont - Turin
</h3>
{{#if initState}}
<img src={{"assets/images/DS_section/DSmap_m1.gif"}} id="DS-image" />
{{/if}}
{{#if eventState}}
<img src={{"assets/images/DS_section/DSmap_m2.gif"}} id="DS-image" />
{{/if}}
</td>
<td style="width: 28%">
<img src={{"assets/images/DS_section/DS_fig1.svg"}} class="svg-image" style="float: right; margin-top: -20px; width: 105% !important;" />
</td>
</tr>
<tr>
<td colspan="2">
<p style="padding-top: 25px; padding-bottom: 20px">
Turin - Piedmont - Italy<br />
<ul>
<li>Medium Voltage lines derived from Stura HV/MV</li>
<li>Total length of lines: 38,54 km</li>
</ul>
</p>
{{bar-chart data=totalPValue width='170px' height='200px' maxValue=25}}
<h3 style="padding-left: 15px;">
Total Net Consumption [MW]
</h3>
<img src={{"assets/images/flexmeter_logo.svg"}} class="svg-image" style="float: right; width: 50px; margin-top: -25px;" />
</td>
</tr>
</table>
</div>
</td>
<td style="padding-bottom: 5px;">
<div class="layout-page">
<table class="page-grid">
<tr style="height: 15%">
<td style="width: 25%">
</td>
<td style="width: 50%" colspan="2">
<h2>Prosumer behavior</h2>
</td>
<td style="width: 25%">
<img src={{"assets/images/Prosumer_section/Cnsmr_fig1.svg"}} class="svg-image" style="float: right; width: 65% !important;" />
</td>
</tr>
<tr style="height: 85%">
<td style="width: 50%; padding-left: 0px" colspan="2">
<h3 style="text-align: center">
Prosumer: Consumption and generation profiles
</h3>
{{line-chart data=loadGenProfiles height="90%" minValue=0 maxValue=25 xaxisLength=120}}
</td>
<td style="width: 50%;" colspan="2">
{{#if initState}}
<img src={{"assets/images/Prosumer_section/Prosumer_gif_m1.gif"}} style="width: 55%; height: auto; float: right; margin-right: 100px; margin-top: 40px;" class="shadowed" />
{{/if}}
{{#if eventState}}
<img src={{"assets/images/Prosumer_section/Prosumer_gif_m2.gif"}} style="width: 55%; height: auto; float: right; margin-right: 100px; margin-top: 40px;" class="shadowed" />
{{/if}}
</td>
</tr>
</table>
</div>
</td>
</tr>
</table>
</section>

26
bower.json
View file

@ -1,26 +0,0 @@
{
"name": "lab-mashup",
"dependencies": {
"ember": "2.0.0",
"ember-cli-shims": "ember-cli/ember-cli-shims#0.0.3",
"ember-cli-test-loader": "ember-cli-test-loader#0.1.3",
"ember-data": "2.0",
"ember-load-initializers": "ember-cli/ember-load-initializers#0.1.5",
"ember-qunit": "0.4.9",
"ember-qunit-notifications": "0.0.7",
"ember-resolver": "~0.1.18",
"jquery": "1.11.3",
"loader.js": "ember-cli/loader.js#3.2.1",
"qunit": "~1.18.0",
"pretender": "~0.9.0",
"lodash": "~3.7.0",
"Faker": "~3.0.0",
"bootstrap": "~3.3.2",
"flot": "*",
"normalize.css": "3.0.3",
"d3": "~3.5.6"
},
"resolutions": {
"ember": "^2.0.0"
}
}

68
config/environment.js
View file

@ -1,68 +0,0 @@
/* jshint node: true */
module.exports = function(environment) {
var ENV = {
modulePrefix: 'lab-mashup',
environment: environment,
baseURL: '/',
locationType: 'none',
EmberENV: {
FEATURES: {
// Here you can enable experimental features on an ember canary build
// e.g. 'with-controller': true
}
},
APP: {
// Here you can pass flags/options to your application instance
// when it is created
API_HOST: '',
UPDATE_RATE: 200,
SHOW_EXTENDED_VIEW: process.env.SHOW_EXTENDED_VIEW,
},
contentSecurityPolicy: {
'default-src': "'none'",
'script-src': "'self' 'unsafe-eval'",
'font-src': "'self'",
'connect-src': "'self' 192.168.99.100:80",
'img-src': "'self'",
'style-src': "'self' 'unsafe-inline'",
'media-src': "'self'"
}
};
// disable mirage
ENV['ember-cli-mirage'] = {
enabled: false
}
if (environment === 'development') {
// ENV.APP.LOG_RESOLVER = true;
// ENV.APP.LOG_ACTIVE_GENERATION = true;
// ENV.APP.LOG_TRANSITIONS = true;
// ENV.APP.LOG_TRANSITIONS_INTERNAL = true;
// ENV.APP.LOG_VIEW_LOOKUPS = true;
ENV.APP.API_HOST = 'http://192.168.99.100:80';
}
if (environment === 'test') {
// Testem prefers this...
ENV.baseURL = '/';
ENV.locationType = 'none';
// keep test console output quieter
ENV.APP.LOG_ACTIVE_GENERATION = false;
ENV.APP.LOG_VIEW_LOOKUPS = false;
ENV.APP.rootElement = '#ember-testing';
}
if (environment === 'production') {
ENV.baseURL = '/simple/';
}
return ENV;
};

54
deploy.sh
View file

@ -1,54 +0,0 @@
#! /bin/sh
######################################
# Description
######################################
# Program:
# Pulls latest state from git repository
# and deploys them to the webserver.
#
# Arguments:
# -b - Branch name for git
# -r - Remote name for git
# -d - Path to destination where code is
# deployed into
#
######################################
# default arguments
remoteName=origin
branchName=master
deployPath=/var/www/html/
# read arguments
usage() {
echo "Usage: $0 [-b <branch_name>] [-r <remote_name>] [-p /path/to/destination]" 1>&2
exit 1
}
while getopts ":b:r:d:" o
do
case "${o}" in
b)
branchName=${OPTARG}
;;
r)
remoteName=${OPTARG}
;;
d)
deployPath=${OPTARG}
;;
*)
usage
;;
esac
done
# pull changes from git
git pull $remoteName $branchName
# build webapp
ember build -prod
# deploy website
cp -ar dist/* /var/www/html/mashup

BIN
doc/pictures/eonerc_logo.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 9.1 KiB

BIN
doc/pictures/villas_web.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 3.6 KiB

158
doc/pictures/villas_web.svg Normal file
View file

@ -0,0 +1,158 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
width="149.71165mm"
height="149.71165mm"
viewBox="0 0 149.71165 149.71165"
version="1.1"
id="svg8"
inkscape:version="0.92.1 r"
sodipodi:docname="villasweb.svg"
inkscape:export-filename="/home/markus/Development/Projects/VILLASweb/doc/villasweb.svg.png"
inkscape:export-xdpi="21.299999"
inkscape:export-ydpi="21.299999">
<defs
id="defs2">
<linearGradient
inkscape:collect="always"
id="linearGradient4611">
<stop
style="stop-color:#00a2b0;stop-opacity:1"
offset="0"
id="stop4607" />
<stop
style="stop-color:#6ec5b0;stop-opacity:1"
offset="1"
id="stop4609" />
</linearGradient>
<linearGradient
inkscape:collect="always"
xlink:href="#linearGradient4611"
id="linearGradient4613"
x1="65.497406"
y1="153.88686"
x2="65.497406"
y2="13.88037"
gradientUnits="userSpaceOnUse" />
</defs>
<sodipodi:namedview
id="base"
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1.0"
inkscape:pageopacity="0.0"
inkscape:pageshadow="2"
inkscape:zoom="1.0941748"
inkscape:cx="96.131516"
inkscape:cy="285.10587"
inkscape:document-units="mm"
inkscape:current-layer="g5005"
showgrid="false"
inkscape:snap-smooth-nodes="true"
inkscape:snap-bbox="true"
inkscape:snap-bbox-edge-midpoints="true"
inkscape:bbox-nodes="true"
inkscape:object-paths="true"
inkscape:snap-intersection-paths="false"
inkscape:bbox-paths="false"
inkscape:snap-midpoints="true"
inkscape:window-width="1920"
inkscape:window-height="951"
inkscape:window-x="0"
inkscape:window-y="27"
inkscape:window-maximized="1"
fit-margin-top="0"
fit-margin-left="0"
fit-margin-right="0"
fit-margin-bottom="0"
inkscape:measure-start="37.9039,424.38"
inkscape:measure-end="101.386,461.031"
inkscape:snap-global="true" />
<metadata
id="metadata5">
<rdf:RDF>
<cc:Work
rdf:about="">
<dc:format>image/svg+xml</dc:format>
<dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
<dc:title></dc:title>
</cc:Work>
</rdf:RDF>
</metadata>
<g
inkscape:label="Ebene 1"
inkscape:groupmode="layer"
id="layer1"
transform="translate(9.2667999,-9.6854979)">
<g
id="g5005"
transform="matrix(0.9623191,0,0,0.9623191,2.7484651,3.9385684)">
<path
inkscape:connector-curvature="0"
id="path4329"
d="M 65.519531,7.6875 C 30.952342,7.2288821 -1.7559504,32.928216 -9.0985572,66.77029 c -8.9441948,34.36253 9.91032274,73.19316 42.4331002,87.43912 31.90533,15.5955 73.697367,4.8306 94.125297,-24.21303 C 149.0773,101.82081 146.84579,58.724642 122.42805,32.933531 108.17012,16.922072 86.915542,7.695183 65.519531,7.6875 Z"
style="opacity:1;fill:none;fill-opacity:1;stroke:none;stroke-width:3.70000005;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
<path
sodipodi:type="star"
style="fill:none;stroke:url(#linearGradient4613);stroke-width:20.38569832;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
id="path4572"
sodipodi:sides="6"
sodipodi:cx="65.497406"
sodipodi:cy="83.983902"
sodipodi:r1="58.333843"
sodipodi:r2="50.518589"
sodipodi:arg1="-0.52359878"
sodipodi:arg2="-4.4017012e-09"
inkscape:flatsided="true"
inkscape:rounded="0"
inkscape:randomized="0"
d="m 116.016,54.81698 0,58.33384 -50.518594,29.16693 -50.51859,-29.16693 0,-58.333839 50.51859,-29.166922 z"
transform="matrix(0.83725065,0,0,0.85461295,10.659664,12.436674)" />
<path
sodipodi:type="star"
style="fill:#007da9;fill-opacity:1;stroke:none;stroke-width:17.67682076;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
id="path4576-3"
sodipodi:sides="3"
sodipodi:cx="-80.89846"
sodipodi:cy="-21.019157"
sodipodi:r1="15.401051"
sodipodi:r2="7.7005253"
sodipodi:arg1="2.0943951"
sodipodi:arg2="3.1415927"
inkscape:flatsided="true"
inkscape:rounded="0"
inkscape:randomized="0"
d="m -88.598986,-7.6814564 0,-26.6754016 23.101576,13.337701 z"
transform="matrix(-1,0,0,-1.0094199,3.7691891,-0.07235845)"
inkscape:transform-center-x="3.7051813" />
<path
d="m 42.395834,161.35432 0,-26.6754 23.101576,13.3377 z"
inkscape:randomized="0"
inkscape:rounded="0"
inkscape:flatsided="true"
sodipodi:arg2="3.1415927"
sodipodi:arg1="2.0943951"
sodipodi:r2="7.7005253"
sodipodi:r1="15.401051"
sodipodi:cy="148.01662"
sodipodi:cx="50.096359"
sodipodi:sides="3"
id="path4593"
style="fill:#007da9;fill-opacity:1;stroke:none;stroke-width:17.67682076;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
sodipodi:type="star"
inkscape:transform-center-x="-3.7051807"
transform="matrix(1,0,0,1.0094199,-4.2717477,-1.5199394)"
inkscape:transform-center-y="1.8921547e-06" />
</g>
</g>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 5.8 KiB

24
docker-compose-dev.yml
View file

@ -1,24 +0,0 @@
nginx:
image: nginx
volumes:
- ./nginx.default.conf:/etc/nginx/conf.d/default.conf
links:
- orion
ports:
- "80:80"
mongo:
image: mongo:3.2
command: --smallfiles --nojournal
orion:
image: fiware/orion
links:
- mongo
command: -dbhost mongo
playback:
image: acs/playback
links:
- orion
command: orion:1026 m1_S1_ElectricalGrid_data.txt

33
docker-compose.yml
View file

@ -1,33 +0,0 @@
nginx:
image: nginx
volumes:
- nginx.default.conf:/etc/nginx/conf.d/default.conf
links:
- orion
- ember
ports:
- "80:80"
ember:
image: danlynn/ember-cli
volumes:
- .:/myapp
command: server --watcher polling
mongo:
image: mongo:2.6
command: --smallfiles --nojournal --dbpath=/tmp/
orion:
image: fiware/orion
links:
- mongo
command: -dbhost mongo
playback:
build: ../LabMashup-sselab/FICBPlaybackSource
volumes:
- /share:/share
links:
- orion
command: orion:1026 m1_S1_ElectricalGrid_data.txt

54
docker.sh
View file

@ -1,54 +0,0 @@
#!/usr/bin/env bash
# Note that this will automagically be ran if you have rvm installed.
# This shell file sets up the following aliases whenever you cd into
# the current directory tree:
#
# + ember
# + npm
# + bower
#
# If rvm is not installed then you can simply run:
# . setup.sh
#
# Note that these aliases revert back to executing the system version
# of each command whenever you exit the current project dir tree.
PREV_ROOT_DIR=$( cd "$( dirname "${BASH_SOURCE[0]}" )" && pwd )
function npm() {
if [[ $PWD/ = $PREV_ROOT_DIR/* ]]; then
# echo "docker-compose -f $PREV_ROOT_DIR/docker-compose-dev.yml run --rm npm $@"
docker-compose -f $PREV_ROOT_DIR/docker-compose-dev.yml run --rm npm $@
else
# echo "`which npm` $@"
`which npm` $@
fi
}
function bower() {
if [[ $PWD/ = $PREV_ROOT_DIR/* ]]; then
# echo "docker-compose -f $PREV_ROOT_DIR/docker-compose-dev.yml run --rm bower $@"
docker-compose -f $PREV_ROOT_DIR/docker-compose-dev.yml run --rm bower $@
else
# echo "`which bower` $@"
`which bower` $@
fi
}
function ember() {
if [[ $PWD/ = $PREV_ROOT_DIR/* ]]; then
# echo "docker-compose -f $PREV_ROOT_DIR/docker-compose-dev.yml run --rm ember $@"
docker-compose -f $PREV_ROOT_DIR/docker-compose-dev.yml run --rm ember $@
else
# echo "`which ember` $@"
`which ember` $@
fi
}
# manual method of aliasing that persists when outside of current dir (BAD)
# alias npm='docker-compose -f docker-compose-dev.yml run --rm npm'
# alias bower='docker-compose -f docker-compose-dev.yml run --rm bower'
# alias ember='docker-compose -f docker-compose-dev.yml run --rm ember'
# echo 'Configured npm, bower, and ember for current project'

28
ember-cli-build.js
View file

@ -1,28 +0,0 @@
/* global require, module */
var EmberApp = require('ember-cli/lib/broccoli/ember-app');
module.exports = function(defaults) {
var app = new EmberApp(defaults, {
dotEnv: {
clientAllowedKeys: ['SHOW_EXTENDED_VIEW']
}
});
// Use `app.import` to add additional libraries to the generated
// output files.
//
// If you need to use different assets in different
// environments, specify an object as the first parameter. That
// object's keys should be the environment name and the values
// should be the asset to use in that environment.
//
// If the library that you are including contains AMD or ES6
// modules that you would like to import into your application
// please specify an object with the list of modules as keys
// along with the exports of each module as its value.
app.import('bower_components/flot/jquery.flot.time.js');
app.import('bower_components/d3/d3.js');
return app.toTree();
};

40
nginx.default.conf
View file

@ -1,40 +0,0 @@
server {
listen 80 default_server;
server_name labmashup;
# proxy for orion context broker
location /api/ {
proxy_redirect off;
proxy_set_header Host $http_host;
proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
if ($request_method = 'OPTIONS') {
add_header Access-Control-Allow-Origin '$http_origin' always;
add_header Access-Control-Allow-Methods 'GET, POST, OPTIONS, PUT, DELETE' always;
add_header Access-Control-Allow-Credentials 'true' always;
add_header Access-Control-Allow-Headers 'Origin,Content-Type,Accept' always;
add_header Content-Length 0;
add_header Content-Type text/plain;
return 204;
}
# rewrite url to exclude /api on context broker side
rewrite ^/api/?(.*) /$1 break;
add_header Access-Control-Allow-Origin '*' always;
add_header Access-Control-Allow-Credentials 'true' always;
proxy_pass http://orion:1026/;
}
error_page 404 /404.html;
location = /404.html {
root /usr/share/nginx/html;
}
error_page 500 502 503 504 /50x.html;
location = /50x.html {
root /usr/share/nginx/html;
}
}

124
package.json
View file

@ -1,52 +1,88 @@
{
"name": "lab-mashup",
"name": "villasweb-frontend",
"version": "0.1.0",
"description": "Lab Mashup Visualization",
"private": true,
"directories": {
"doc": "doc",
"test": "tests"
"dependencies": {
"@apidevtools/json-schema-ref-parser": "^9.0.9",
"@fortawesome/fontawesome-svg-core": "^6.1.1",
"@fortawesome/free-brands-svg-icons": "^6.1.1",
"@fortawesome/free-solid-svg-icons": "^6.1.1",
"@fortawesome/react-fontawesome": "^0.1.18",
"@reduxjs/toolkit": "^2.2.3",
"@rjsf/core": "^4.1.1",
"babel-runtime": "^6.26.0",
"bootstrap": "^5.1.3",
"classnames": "^2.3.1",
"d3": "^7.4.4",
"d3-array": "^3.1.6",
"d3-axis": "^3.0.0",
"d3-scale": "^4.0.2",
"d3-scale-chromatic": "^3.0.0",
"d3-selection": "^3.0.0",
"d3-shape": "^3.1.0",
"d3-time-format": "^4.1.0",
"es6-promise": "^4.2.8",
"file-saver": "^2.0.5",
"gaugeJS": "^1.3.7",
"handlebars": "^4.7.7",
"isomorphic-form-data": "^2.0.0",
"jsonwebtoken": "^8.5.1",
"jszip": "^3.9.1",
"lodash": "^4.17.21",
"moment": "^2.29.3",
"moment-duration-format": "^2.3.2",
"multiselect-react-dropdown": "^2.0.21",
"prop-types": "^15.8.1",
"rc-slider": "^10.0.0",
"react": "^17.0.2",
"react-bootstrap": "^2.2.3",
"react-collapse": "^5.1.1",
"react-color": "^2.19.3",
"react-contexify": "^5.0.0",
"react-copy-to-clipboard": "^5.1.0",
"react-datetime-picker": "^3.5.0",
"react-dnd": "^14.0.5",
"react-dnd-html5-backend": "^14.1.0",
"react-dom": "^17.0.2",
"react-fullscreenable": "^2.5.1-0",
"react-json-view": "^1.21.3",
"react-notification-system": "^0.4.0",
"react-redux": "^7.2.8",
"react-rnd": "^10.3.7",
"react-router-dom": "^5.3.1",
"react-svg-pan-zoom": "^3.11.0",
"react-syntax-highlighter": "^15.5.0",
"react-trafficlight": "^5.2.1",
"superagent": "^7.1.2",
"swagger-client": "3.19.10",
"swagger-ui-react": "4.13.0",
"typescript": "^4.6.3",
"xstate": "^4.31.0"
},
"optionalDependencies": {
"libcimsvg": "git+https://git.rwth-aachen.de/acs/public/cim/pintura-npm-package.git"
},
"devDependencies": {
"@babel/plugin-proposal-private-property-in-object": "^7.21.11",
"react-scripts": "^4.0.3"
},
"scripts": {
"build": "ember build",
"start": "ember server",
"test": "ember test"
"start": "react-scripts --openssl-legacy-provider start",
"build": "react-scripts build",
"test": "react-scripts test --env=jsdom",
"eject": "react-scripts eject"
},
"repository": "",
"engines": {
"node": ">= 0.10.0"
},
"author": "",
"license": "MIT",
"devDependencies": {
"broccoli-asset-rev": "^2.1.2",
"ember-bootstrap": "0.4.0",
"ember-cli": "1.13.8",
"ember-cli-app-version": "0.5.0",
"ember-cli-babel": "^5.1.3",
"ember-cli-content-security-policy": "0.4.0",
"ember-cli-dependency-checker": "^1.0.1",
"ember-cli-htmlbars": "0.7.9",
"ember-cli-htmlbars-inline-precompile": "^0.2.0",
"ember-cli-ic-ajax": "0.2.1",
"ember-cli-inject-live-reload": "^1.3.1",
"ember-cli-mirage": "0.1.8",
"ember-cli-qunit": "^1.0.0",
"ember-cli-release": "0.2.3",
"ember-cli-sri": "^1.0.3",
"ember-cli-uglify": "^1.2.0",
"ember-data": "1.13.8",
"ember-disable-proxy-controllers": "^1.0.0",
"ember-export-application-global": "^1.0.3",
"ember-normalize": "0.0.9",
"glob": "^4.5.3",
"http-proxy": "^1.11.2",
"mirage": "0.0.5",
"morgan": "^1.6.1"
},
"dependencies": {
"ember-cli-cors": "0.0.1",
"ember-cli-flot": "0.0.3",
"ember-cli-dotenv": "~1.0.4"
"proxy": "https://villas.k8s.eonerc.rwth-aachen.de",
"browserslist": {
"production": [
">0.2%",
"not dead",
"not op_mini all"
],
"development": [
"last 1 chrome version",
"last 1 firefox version",
"last 1 safari version"
]
}
}

675
public/assets/images/ControlCenter_section/CS_fig1.svg
View file

File diff suppressed because one or more lines are too long
Side by side

Before

Width:  |  Height:  |  Size: 54 KiB

161
public/assets/images/DS_section/DS_fig1.svg
View file

File diff suppressed because one or more lines are too long
Side by side

Before

Width:  |  Height:  |  Size: 8.5 MiB

BIN
public/assets/images/DS_section/DSmap_m1.gif
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 747 KiB

BIN
public/assets/images/DS_section/DSmap_m2.gif
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 722 KiB

600
public/assets/images/EU.svg
View file

@ -1,600 +0,0 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
width="331.22711"
height="229.34351"
id="svg3921"
version="1.1"
inkscape:version="0.48.0 r9654"
sodipodi:docname="Neues Dokument 3">
<defs
id="defs3923">
<clipPath
id="clipPath3943"
clipPathUnits="userSpaceOnUse">
<path
id="path3945"
d="m 0,283.465 283.465,0 L 283.465,0 0,0 0,283.465 z"
inkscape:connector-curvature="0" />
</clipPath>
</defs>
<sodipodi:namedview
id="base"
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1.0"
inkscape:pageopacity="0.0"
inkscape:pageshadow="2"
inkscape:zoom="0.35"
inkscape:cx="824.18499"
inkscape:cy="-11.042533"
inkscape:document-units="px"
inkscape:current-layer="layer1"
showgrid="false"
fit-margin-top="0"
fit-margin-left="0"
fit-margin-right="0"
fit-margin-bottom="0"
inkscape:window-width="1680"
inkscape:window-height="988"
inkscape:window-x="-8"
inkscape:window-y="-8"
inkscape:window-maximized="1" />
<metadata
id="metadata3926">
<rdf:RDF>
<cc:Work
rdf:about="">
<dc:format>image/svg+xml</dc:format>
<dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
<dc:title></dc:title>
</cc:Work>
</rdf:RDF>
</metadata>
<g
inkscape:label="Ebene 1"
inkscape:groupmode="layer"
id="layer1"
transform="translate(474.185,-291.97615)">
<g
transform="matrix(1.25,0,0,-1.25,-487.24787,575.99465)"
inkscape:label="logo_ce-en-quadri"
id="g3937">
<g
id="g3939">
<g
clip-path="url(#clipPath3943)"
id="g3941">
<g
transform="translate(10.4507,179.0083)"
id="g3947">
<path
id="path3949"
style="fill:#bdbcbc;fill-opacity:1;fill-rule:nonzero;stroke:none"
d="m 0,0 c 0,0 78.509,10.158 80.727,10.521 3.397,0.553 6.415,1.202 9.23,1.981 6.35,1.739 12.195,4.394 17.37,7.891 4.961,3.328 9.576,8.168 14.151,13.478 2.909,3.379 5.964,7.784 8.814,12.036 l 0,2.051 C 126.911,42.954 123.58,38.642 120.155,34.835 115.616,29.782 110.854,25.649 106,22.548 100.991,19.322 95.353,16.914 89.241,15.39 86.502,14.7 83.569,14.141 80.272,13.681 78.099,13.376 75.859,13.141 73.694,12.913 72.829,12.822 0,5.097 0,5.097 L 0,0 z"
inkscape:connector-curvature="0" />
</g>
<g
transform="translate(115.7349,192.1714)"
id="g3951">
<path
id="path3953"
style="fill:#bdbcbc;fill-opacity:1;fill-rule:nonzero;stroke:none"
d="m 0,0 c -4.914,-2.826 -10.59,-4.894 -16.869,-6.147 -2.682,-0.541 -5.604,-0.981 -8.938,-1.345 -1.957,-0.212 -3.929,-0.383 -5.904,-0.553 -1.066,-0.092 -2.131,-0.184 -3.193,-0.282 -24.059,-2.157 -47.995,-4.452 -70.38,-6.625 l 0,-5.092 c 22.561,2.721 46.663,5.602 70.714,8.323 1.07,0.126 2.14,0.244 3.211,0.361 1.97,0.217 3.942,0.435 5.921,0.695 3.423,0.456 6.417,0.979 9.154,1.6 6.523,1.458 12.416,3.761 17.508,6.843 5.061,3.037 9.533,7.29 14.342,12.491 2.994,3.237 6.325,7.805 9.442,12.097 l 0,1.868 C 21.336,19.253 17.852,15.069 14.403,11.5 9.708,6.637 4.863,2.769 0,0"
inkscape:connector-curvature="0" />
</g>
<g
transform="translate(129.4746,193.4189)"
id="g3955">
<path
id="path3957"
style="fill:#bdbcbc;fill-opacity:1;fill-rule:nonzero;stroke:none"
d="m 0,0 c -4.791,-4.393 -9.792,-7.849 -14.867,-10.271 -4.962,-2.394 -10.515,-4.073 -16.978,-5.136 -2.667,-0.442 -5.567,-0.803 -8.861,-1.103 l -78.318,-6.43 0,-5.082 69.618,7.386 9.008,0.948 c 3.392,0.391 6.352,0.831 9.045,1.344 6.694,1.262 12.436,3.151 17.552,5.769 5.23,2.645 10.456,7.045 15.314,11.704 3.261,3.124 6.4,7.159 9.755,11.391 l 0,1.693 C 7.393,7.397 3.693,3.383 0,0"
inkscape:connector-curvature="0" />
</g>
<g
transform="translate(110.5361,167.0308)"
id="g3959">
<path
id="path3961"
style="fill:#bdbcbc;fill-opacity:1;fill-rule:nonzero;stroke:none"
d="m 0,0 c -4.559,-2.551 -7.969,-4.021 -14.48,-4.7 -3.935,-0.423 -7.98,-0.625 -11.893,-0.82 -1.893,-0.094 -3.789,-0.188 -5.681,-0.308 -11.832,-0.676 -23.451,-1.425 -35.305,-2.198 l -32.726,-2.204 0,-5.081 33.053,3.033 c 10.68,0.958 23.092,2.062 35.209,3.051 l 8.807,0.682 c 3.439,0.264 6.259,0.545 8.871,0.885 6.7,0.865 12.423,2.218 17.494,4.135 5.461,2.042 10.61,5.212 15.767,8.939 4.649,3.36 11.083,9.986 11.091,10.073 l 0,1.795 C 26,13.178 23.578,10.874 18.974,7.84 13.471,4.214 4.088,2.287 0,0"
inkscape:connector-curvature="0" />
</g>
<g
transform="translate(112.2012,157.3735)"
id="g3963">
<path
id="path3965"
style="fill:#bdbcbc;fill-opacity:1;fill-rule:nonzero;stroke:none"
d="m 0,0 c -4.941,-1.448 -10.502,-2.428 -17.001,-2.997 -2.633,-0.228 -5.473,-0.402 -8.684,-0.532 l -8.76,-0.384 c -21.767,-1.011 -43.428,-2.142 -67.305,-3.405 l 0,-5.069 c 22.808,1.765 45.16,3.483 67.503,5.073 l 8.734,0.596 c 3.372,0.221 6.167,0.462 8.797,0.759 6.663,0.745 12.362,1.895 17.419,3.513 5.606,1.776 11.07,4.35 16.24,7.651 3.818,2.431 7.637,5.328 11.599,8.787 l 0,0.088 C 24.175,10.354 20.015,9.527 15.868,7.023 10.79,3.947 5.452,1.584 0,0"
inkscape:connector-curvature="0" />
</g>
<g
transform="translate(111.3936,148.9546)"
id="g3967">
<path
id="path3969"
style="fill:#bdbcbc;fill-opacity:1;fill-rule:nonzero;stroke:none"
d="m 0,0 c -4.977,-1.163 -10.369,-1.912 -16.974,-2.354 -2.547,-0.17 -5.285,-0.298 -8.62,-0.402 l -8.676,-0.308 c -21.86,-0.827 -44.025,-1.777 -66.673,-2.76 l 0,-5.066 c 22.502,1.534 44.577,3.029 66.844,4.422 l 8.656,0.519 c 3.394,0.193 6.16,0.391 8.701,0.622 6.727,0.621 12.231,1.525 17.32,2.843 5.71,1.471 11.26,3.627 16.498,6.408 4.049,2.147 8.088,4.728 12.273,7.835 l 0,2.166 C 24.826,10.658 20.487,7.996 16.143,5.824 11.001,3.25 5.571,1.291 0,0"
inkscape:connector-curvature="0" />
</g>
<g
transform="translate(110.6523,140.7002)"
id="g3971">
<path
id="path3973"
style="fill:#bdbcbc;fill-opacity:1;fill-rule:nonzero;stroke:none"
d="m 0,0 c -4.993,-0.915 -10.371,-1.498 -16.926,-1.837 -2.466,-0.127 -5.104,-0.218 -8.556,-0.296 l -74.72,-2.024 0,-5.061 66.259,3.458 8.584,0.436 c 3.349,0.158 6.089,0.32 8.623,0.515 6.645,0.508 12.112,1.239 17.202,2.303 5.779,1.199 11.387,2.951 16.67,5.202 4.254,1.804 8.516,4.005 12.954,6.681 l 0,2.033 C 25.348,8.652 20.839,6.438 16.362,4.667 11.153,2.597 5.648,1.027 0,0"
inkscape:connector-curvature="0" />
</g>
<g
transform="translate(110.0659,132.4102)"
id="g3975">
<path
id="path3977"
style="fill:#bdbcbc;fill-opacity:1;fill-rule:nonzero;stroke:none"
d="m 0,0 c -9.168,-1.223 -18.607,-1.363 -27.735,-1.499 -2.092,-0.03 -4.185,-0.063 -6.275,-0.105 l -65.605,-1.183 0,-5.054 65.719,2.831 c 2.083,0.095 4.17,0.178 6.259,0.262 9.192,0.368 18.698,0.747 27.99,2.223 5.883,0.926 11.543,2.298 16.825,4.075 4.375,1.464 8.908,3.359 13.499,5.6 l 0,1.94 C 25.852,6.843 21.107,4.976 16.551,3.576 11.331,1.965 5.763,0.761 0,0"
inkscape:connector-curvature="0" />
</g>
<g
transform="translate(109.5449,124.0684)"
id="g3979">
<path
id="path3981"
style="fill:#bdbcbc;fill-opacity:1;fill-rule:nonzero;stroke:none"
d="m 0,0 c -8.591,-0.709 -17.382,-0.71 -25.886,-0.71 -2.645,0 -5.29,-0.001 -7.935,-0.022 -21.734,-0.095 -43.296,-0.273 -65.273,-0.464 l 0,-5.056 c 20.932,0.711 43.14,1.453 65.347,2.112 2.636,0.088 5.273,0.155 7.913,0.223 8.549,0.215 17.389,0.439 26.067,1.378 6.064,0.65 11.58,1.603 16.866,2.911 4.61,1.133 9.344,2.644 14.099,4.46 l 0,1.857 C 26.29,4.928 21.398,3.489 16.636,2.442 11.402,1.287 5.959,0.488 0,0"
inkscape:connector-curvature="0" />
</g>
<g
transform="translate(109.2129,115.8447)"
id="g3983">
<path
id="path3985"
style="fill:#bdbcbc;fill-opacity:1;fill-rule:nonzero;stroke:none"
d="m 0,0 c -3.579,-0.142 -7.455,-0.209 -11.851,-0.209 -1.661,0 -3.322,0.01 -4.979,0.024 l -16.909,0.206 c -11.538,0.086 -23.032,0.105 -33.816,0.115 l -31.207,-0.03 0,-5.053 31.282,0.819 c 10.744,0.264 22.272,0.536 33.773,0.745 l 16.895,0.222 c 4.635,0.073 10.751,0.209 16.946,0.616 6.071,0.394 11.595,0.998 16.89,1.844 4.766,0.763 9.635,1.788 14.506,3.029 l 0,1.794 C 26.525,2.969 21.552,2.047 16.726,1.401 11.461,0.695 5.99,0.238 0,0"
inkscape:connector-curvature="0" />
</g>
<g
transform="translate(92.1865,107.8984)"
id="g3987">
<path
id="path3989"
style="fill:#bdbcbc;fill-opacity:1;fill-rule:nonzero;stroke:none"
d="m 0,0 -16.852,0.181 c -21.497,0.302 -42.975,0.695 -64.884,1.104 l 0,-5.056 c 20.913,0.138 43.062,0.297 64.9,0.543 l 16.86,0.25 c 5.682,0.097 11.246,0.201 16.872,0.388 11.584,0.372 21.962,1.187 31.66,2.47 l 0,1.758 C 38.821,0.591 28.428,0.038 16.836,-0.037 11.228,-0.087 5.614,-0.047 0,0"
inkscape:connector-curvature="0" />
</g>
<g
transform="translate(140.7427,98.959)"
id="g3991">
<path
id="path3993"
style="fill:#bdbcbc;fill-opacity:1;fill-rule:nonzero;stroke:none"
d="m 0,0 -130.292,3.304 0,-5.053 L 0,-1.749 0,0 z"
inkscape:connector-curvature="0" />
</g>
<g
transform="translate(129.0107,183.8701)"
id="g3995">
<path
id="path3997"
style="fill:#bdbcbc;fill-opacity:1;fill-rule:nonzero;stroke:none"
d="m 0,0 c -4.949,-3.975 -8.772,-6.8 -14.83,-9.207 -5.275,-2.096 -10.941,-2.955 -17.415,-3.837 -4.166,-0.584 -8.52,-1.447 -12.679,-1.724 -1.71,-0.115 -3.421,-0.228 -5.127,-0.362 l -68.509,-4.993 0,-5.073 68.786,6.67 8.918,0.836 c 3.308,0.313 6.244,0.677 8.977,1.118 6.666,1.07 12.41,2.704 17.558,4.996 5.342,2.356 10.747,6.214 15.77,10.44 3.418,2.869 6.705,6.481 10.283,10.425 l 0,1.818 C 7.404,6.634 3.817,3.06 0,0"
inkscape:connector-curvature="0" />
</g>
<path
id="path3999"
style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none"
d="m 64.606,48.754 114.129,0 0,50.754 -114.129,0 0,-50.754 z"
inkscape:connector-curvature="0" />
<path
id="path4001"
style="fill:#254aa5;fill-opacity:1;fill-rule:nonzero;stroke:none"
d="m 178.757,173.571 -114.15,0 0,-76.361 114.15,0 0,76.361 z"
inkscape:connector-curvature="0" />
<g
transform="translate(122.9189,162.7139)"
id="g4003">
<path
id="path4005"
style="fill:#fff200;fill-opacity:1;fill-rule:nonzero;stroke:none"
d="M 0,0 3.972,0 0.771,-2.494 2.015,-6.45 -1.174,-4.013 -4.363,-6.45 -3.106,-2.494 -6.333,0 -2.374,0 -1.174,3.858 0,0 z"
inkscape:connector-curvature="0" />
</g>
<g
transform="translate(123.0586,111.79)"
id="g4007">
<path
id="path4009"
style="fill:#fff200;fill-opacity:1;fill-rule:nonzero;stroke:none"
d="M 0,0 3.978,0 0.776,-2.405 2.02,-6.207 -1.168,-3.864 -4.357,-6.207 -3.101,-2.405 -6.333,0 -2.368,0 -1.168,3.712 0,0 z"
inkscape:connector-curvature="0" />
</g>
<g
transform="translate(135.6553,115.1621)"
id="g4011">
<path
id="path4013"
style="fill:#fff200;fill-opacity:1;fill-rule:nonzero;stroke:none"
d="M 0,0 3.979,0 0.777,-2.398 2.021,-6.207 -1.168,-3.857 -4.356,-6.207 -3.1,-2.398 -6.333,0 -2.368,0 -1.168,3.713 0,0 z"
inkscape:connector-curvature="0" />
</g>
<g
transform="translate(135.6553,159.3169)"
id="g4015">
<path
id="path4017"
style="fill:#fff200;fill-opacity:1;fill-rule:nonzero;stroke:none"
d="M 0,0 3.979,0 0.777,-2.399 2.021,-6.207 -1.168,-3.861 -4.356,-6.207 -3.1,-2.399 -6.333,0 -2.368,0 -1.168,3.712 0,0 z"
inkscape:connector-curvature="0" />
</g>
<g
transform="translate(145.0078,149.9653)"
id="g4019">
<path
id="path4021"
style="fill:#fff200;fill-opacity:1;fill-rule:nonzero;stroke:none"
d="M 0,0 3.971,0 0.77,-2.396 2.014,-6.207 -1.175,-3.861 -4.357,-6.207 -3.101,-2.396 -6.334,0 -2.375,0 -1.175,3.713 0,0 z"
inkscape:connector-curvature="0" />
</g>
<g
transform="translate(145.0078,124.3867)"
id="g4023">
<path
id="path4025"
style="fill:#fff200;fill-opacity:1;fill-rule:nonzero;stroke:none"
d="m 0,0 3.971,0 -3.201,-2.406 1.244,-3.807 -3.189,2.35 -3.182,-2.35 1.256,3.807 L -6.334,0 -2.375,0 -1.175,3.713 0,0 z"
inkscape:connector-curvature="0" />
</g>
<g
transform="translate(148.5117,137.3711)"
id="g4027">
<path
id="path4029"
style="fill:#fff200;fill-opacity:1;fill-rule:nonzero;stroke:none"
d="M 0,0 3.979,0 0.776,-2.4 2.02,-6.209 -1.169,-3.859 -4.357,-6.209 -3.101,-2.4 -6.333,0 -2.374,0 -1.169,3.71 0,0 z"
inkscape:connector-curvature="0" />
</g>
<g
transform="translate(110.0762,159.2856)"
id="g4031">
<path
id="path4033"
style="fill:#fff200;fill-opacity:1;fill-rule:nonzero;stroke:none"
d="M 0,0 3.971,0 0.77,-2.403 2.014,-6.21 -1.175,-3.861 -4.364,-6.21 -3.106,-2.403 -6.333,0 -2.374,0 -1.175,3.712 0,0 z"
inkscape:connector-curvature="0" />
</g>
<g
transform="translate(100.9834,149.9341)"
id="g4035">
<path
id="path4037"
style="fill:#fff200;fill-opacity:1;fill-rule:nonzero;stroke:none"
d="M 0,0 3.978,0 0.776,-2.399 2.014,-6.208 -1.168,-3.861 -4.357,-6.208 -3.104,-2.399 -6.333,0 -2.368,0 -1.168,3.712 0,0 z"
inkscape:connector-curvature="0" />
</g>
<g
transform="translate(97.6084,137.3398)"
id="g4039">
<path
id="path4041"
style="fill:#fff200;fill-opacity:1;fill-rule:nonzero;stroke:none"
d="M 0,0 3.975,0 0.773,-2.401 2.017,-6.209 -1.171,-3.866 -4.36,-6.209 -3.104,-2.401 -6.331,0 l 3.96,0 1.2,3.709 L 0,0 z"
inkscape:connector-curvature="0" />
</g>
<g
transform="translate(100.9834,124.3555)"
id="g4043">
<path
id="path4045"
style="fill:#fff200;fill-opacity:1;fill-rule:nonzero;stroke:none"
d="M 0,0 3.978,0 0.776,-2.405 2.014,-6.213 -1.168,-3.865 -4.357,-6.213 -3.104,-2.405 -6.333,0 -2.368,0 -1.168,3.707 0,0 z"
inkscape:connector-curvature="0" />
</g>
<g
transform="translate(110.209,115.1309)"
id="g4047">
<path
id="path4049"
style="fill:#fff200;fill-opacity:1;fill-rule:nonzero;stroke:none"
d="M 0,0 3.971,0 0.77,-2.4 2.007,-6.207 -1.175,-3.858 -4.364,-6.207 -3.107,-2.4 -6.333,0 -2.375,0 -1.175,3.713 0,0 z"
inkscape:connector-curvature="0" />
</g>
<path
id="path4051"
style="fill:#254aa5;fill-opacity:1;fill-rule:nonzero;stroke:none"
d="m 64.606,43.74 114.159,0 0,6.517 -114.159,0 0,-6.517 z"
inkscape:connector-curvature="0" />
<g
transform="translate(195.001,227.2148)"
id="g4053">
<path
id="path4055"
style="fill:#bdbcbc;fill-opacity:1;fill-rule:nonzero;stroke:none"
d="m 0,0 c 0,0 23.802,-37.064 28.153,-43.878 4.351,-6.811 9.326,-12.201 26.936,-15.862 17.61,-3.66 25.276,-5.389 25.276,-5.389 l 0,-1.322 c 0,0 -11.189,2.339 -25.588,5.491 -14.398,3.152 -20.284,4.213 -26.848,13.165 C 22.467,-40.344 0,-8.682 0,-8.682 L 0,0 z"
inkscape:connector-curvature="0" />
</g>
<g
transform="translate(195.001,216.6758)"
id="g4057">
<path
id="path4059"
style="fill:#bdbcbc;fill-opacity:1;fill-rule:nonzero;stroke:none"
d="m 0,0 c 0,0 24.595,-35.236 27.858,-39.555 3.265,-4.318 7.663,-11.281 27.102,-15.39 5.019,-1.06 25.471,-5.084 25.471,-5.084 l 0,-1.114 c 0,0 -15.539,2.995 -25.471,5.084 -9.933,2.09 -20.371,3.996 -27.031,12.396 -6.049,7.63 -27.976,35.77 -27.976,35.77 L 0,0 z"
inkscape:connector-curvature="0" />
</g>
<g
transform="translate(195.001,206.0908)"
id="g4061">
<path
id="path4063"
style="fill:#bdbcbc;fill-opacity:1;fill-rule:nonzero;stroke:none"
d="m 0,0 c 0,0 23.176,-29.944 27.858,-35.933 4.683,-5.989 11.139,-10.934 27.102,-13.998 9.204,-1.767 25.398,-4.736 25.398,-4.736 l 0,-1.113 c 0,0 -14.188,2.646 -25.398,4.666 -11.21,2.019 -20.467,3.972 -27.102,11.421 -5.82,6.534 -27.905,32.218 -27.905,32.218 L 0,0 z"
inkscape:connector-curvature="0" />
</g>
<g
transform="translate(194.9551,195.6914)"
id="g4065">
<path
id="path4067"
style="fill:#bdbcbc;fill-opacity:1;fill-rule:nonzero;stroke:none"
d="m 0,0 c 0,0 23.463,-27.165 27.975,-32.01 7.026,-7.545 10.43,-10.145 27.031,-13.301 6.641,-1.263 25.398,-4.527 25.398,-4.527 l 0,-1.184 c 0,0 -15.536,2.786 -25.398,4.527 -9.861,1.741 -18.208,2.391 -27.102,10.933 C 21.128,-29.053 0.046,-7.01 0.046,-7.01 L 0,0 z"
inkscape:connector-curvature="0" />
</g>
<g
transform="translate(195.001,184.874)"
id="g4069">
<path
id="path4071"
style="fill:#bdbcbc;fill-opacity:1;fill-rule:nonzero;stroke:none"
d="m 0,0 c 0,0 21.666,-22.255 27.929,-28.645 6.646,-6.777 15.16,-9.284 26.96,-11.351 11.264,-1.971 25.469,-4.247 25.469,-4.247 l 0,-1.254 c 0,0 -13.338,2.143 -25.469,4.178 -11.895,1.997 -20.219,3.111 -27.031,9.263 C 21.759,-26.547 0,-6.546 0,-6.546 L 0,0 z"
inkscape:connector-curvature="0" />
</g>
<g
transform="translate(195.001,174.8462)"
id="g4073">
<path
id="path4075"
style="fill:#bdbcbc;fill-opacity:1;fill-rule:nonzero;stroke:none"
d="m 0,0 c 0,0 20.604,-18.755 27.929,-25.163 6.741,-5.896 12.204,-7.73 27.031,-10.306 14.829,-2.577 25.398,-4.178 25.398,-4.178 l 0,-1.323 c 0,0 -13.408,2.158 -25.469,4.039 -12.061,1.88 -19.746,2.623 -26.96,8.356 C 19.603,-21.955 0,-6.128 0,-6.128 L 0,0 z"
inkscape:connector-curvature="0" />
</g>
<g
transform="translate(194.9541,164.1216)"
id="g4077">
<path
id="path4079"
style="fill:#bdbcbc;fill-opacity:1;fill-rule:nonzero;stroke:none"
d="m 0,0 c 0,0 23.507,-18.268 27.905,-21.472 4.399,-3.202 10.217,-6.94 27.102,-9.331 16.744,-2.371 25.328,-3.551 25.328,-3.551 l 0,-1.394 c 0,0 -15.182,2.161 -25.328,3.413 -10.146,1.254 -17.925,1.786 -27.031,7.73 C 19.112,-18.819 0.047,-5.663 0.047,-5.663 L 0,0 z"
inkscape:connector-curvature="0" />
</g>
<g
transform="translate(194.9541,153.8618)"
id="g4081">
<path
id="path4083"
style="fill:#bdbcbc;fill-opacity:1;fill-rule:nonzero;stroke:none"
d="m 0,0 c 0,0 23.576,-15.39 28.047,-17.828 4.471,-2.436 9.721,-6.406 26.96,-8.565 17.24,-2.159 25.328,-3.133 25.328,-3.133 l 0,-1.323 c 0,0 -14.26,1.531 -25.399,2.715 -11.139,1.184 -18.729,2.786 -27.031,7.242 C 19.604,-16.435 0.047,-5.246 0.047,-5.246 L 0,0 z"
inkscape:connector-curvature="0" />
</g>
<g
transform="translate(195.001,143.6016)"
id="g4085">
<path
id="path4087"
style="fill:#bdbcbc;fill-opacity:1;fill-rule:nonzero;stroke:none"
d="m 0,0 c 0,0 20.867,-11.125 27.929,-14.6 7.877,-3.877 14.687,-5.733 27.031,-7.172 12.121,-1.416 25.398,-2.787 25.398,-2.787 l 0,-1.254 c 0,0 -12.276,1.29 -25.398,2.507 -13.007,1.208 -17.641,1.764 -27.031,5.849 -8.398,3.653 -27.975,12.582 -27.975,12.582 L 0,0 z"
inkscape:connector-curvature="0" />
</g>
<g
transform="translate(195.001,133.1563)"
id="g4089">
<path
id="path4091"
style="fill:#bdbcbc;fill-opacity:1;fill-rule:nonzero;stroke:none"
d="m 0,0 c 0,0 16.413,-6.891 28,-11.397 11.399,-4.433 20.103,-4.806 27.031,-5.572 3.051,-0.337 25.257,-2.576 25.257,-2.576 l 0,-1.252 c 0,0 -13.267,1.043 -25.328,2.087 -12.062,1.044 -17.264,1.486 -27.031,4.666 -9.883,3.216 -27.976,9.401 -27.976,9.401 L 0,0 z"
inkscape:connector-curvature="0" />
</g>
<g
transform="translate(195.001,122.5713)"
id="g4093">
<path
id="path4095"
style="fill:#bdbcbc;fill-opacity:1;fill-rule:nonzero;stroke:none"
d="m 0,0 c 0,0 16.648,-5.061 28,-7.985 11.352,-2.925 21.781,-4.11 27.031,-4.456 5.25,-0.35 25.257,-1.95 25.257,-1.95 l 0,-1.185 c 0,0 -11.346,0.763 -25.328,1.741 -11.304,0.789 -20.385,1.625 -27.031,3.064 -7.366,1.594 -27.975,6.408 -27.975,6.408 L 0,0 z"
inkscape:connector-curvature="0" />
</g>
<g
transform="translate(194.9551,112.125)"
id="g4097">
<path
id="path4099"
style="fill:#bdbcbc;fill-opacity:1;fill-rule:nonzero;stroke:none"
d="m 0,0 c 0,0 13.661,-2.304 28.046,-4.642 10.784,-1.752 25.399,-2.856 26.96,-2.925 1.561,-0.07 25.398,-1.672 25.398,-1.672 l 0,-1.252 c 0,0 -15.256,0.773 -25.398,1.322 -10.565,0.572 -21.066,1.2 -27.031,1.811 C 14.615,-5.991 0,-4.178 0,-4.178 L 0,0 z"
inkscape:connector-curvature="0" />
</g>
<g
transform="translate(195.001,101.3096)"
id="g4101">
<path
id="path4103"
style="fill:#bdbcbc;fill-opacity:1;fill-rule:nonzero;stroke:none"
d="M 0,0 C 0,0 21.474,-0.791 28,-0.931 34.527,-1.069 80.358,-2.88 80.358,-2.88 l 0,-1.254 L 0,-4.087 0,0 z"
inkscape:connector-curvature="0" />
</g>
<g
transform="translate(71.2783,89.6855)"
id="g4105">
<path
id="path4107"
style="fill:#5a5758;fill-opacity:1;fill-rule:nonzero;stroke:none"
d="m 0,0 c 0,0.233 0.108,0.359 0.36,0.359 l 6.626,0 c 0.216,0 0.342,-0.126 0.342,-0.341 l 0,-1.117 c 0,-0.215 -0.09,-0.324 -0.36,-0.324 l -4.915,0 0,-3.097 4.357,0 c 0.234,0 0.36,-0.108 0.36,-0.324 l 0,-1.116 c 0,-0.216 -0.09,-0.324 -0.36,-0.324 l -4.357,0 0,-3.547 5.041,0 c 0.216,0 0.324,-0.108 0.324,-0.342 l 0,-1.098 c 0,-0.235 -0.09,-0.325 -0.342,-0.325 l -6.716,0 c -0.252,0 -0.36,0.109 -0.36,0.325 L 0,0 z"
inkscape:connector-curvature="0" />
</g>
<g
transform="translate(87.0483,78.0898)"
id="g4109">
<path
id="path4111"
style="fill:#5a5758;fill-opacity:1;fill-rule:nonzero;stroke:none"
d="m 0,0 -1.279,0 c -0.27,0 -0.342,0.126 -0.342,0.342 l 0,0.558 -0.036,0.018 c -0.702,-0.486 -1.926,-1.08 -3.025,-1.08 -2.43,0 -2.664,1.44 -2.664,3.331 l 0,5.294 c 0,0.216 0.09,0.359 0.342,0.359 l 1.314,0 c 0.234,0 0.324,-0.126 0.324,-0.359 l 0,-5.06 c 0,-1.081 0.216,-1.764 1.315,-1.764 0.774,0 1.962,0.576 2.43,0.81 l 0,6.014 c 0,0.216 0.072,0.359 0.342,0.359 l 1.279,0 c 0.252,0 0.342,-0.126 0.342,-0.359 l 0,-8.121 C 0.342,0.108 0.252,0 0,0"
inkscape:connector-curvature="0" />
</g>
<g
transform="translate(90.8984,78.4316)"
id="g4113">
<path
id="path4115"
style="fill:#5a5758;fill-opacity:1;fill-rule:nonzero;stroke:none"
d="m 0,0 c 0,-0.216 -0.09,-0.342 -0.342,-0.342 l -1.296,0 c -0.253,0 -0.342,0.109 -0.342,0.342 l 0,8.121 c 0,0.233 0.089,0.359 0.342,0.359 l 1.278,0 C -0.09,8.48 0,8.337 0,8.121 L 0,7.328 0.036,7.293 c 0.54,0.504 1.818,1.116 2.665,1.278 0.234,0.054 0.396,0 0.432,-0.306 L 3.259,7.059 C 3.277,6.807 3.295,6.698 2.917,6.626 1.909,6.428 0.63,6.068 0,5.798 L 0,0 z"
inkscape:connector-curvature="0" />
</g>
<g
transform="translate(98.4771,85.3643)"
id="g4117">
<path
id="path4119"
style="fill:#5a5758;fill-opacity:1;fill-rule:nonzero;stroke:none"
d="m 0,0 c -1.531,0 -1.873,-0.973 -1.873,-2.845 0,-1.909 0.342,-2.845 1.855,-2.845 1.638,0 1.962,0.919 1.962,2.845 C 1.944,-0.937 1.638,0 0,0 m -0.018,-7.419 c -3.619,0 -3.854,2.648 -3.854,4.7 0,1.693 0.379,4.448 3.854,4.448 3.493,0 3.979,-2.324 3.979,-4.448 0,-2.052 -0.252,-4.7 -3.979,-4.7"
inkscape:connector-curvature="0" />
</g>
<g
transform="translate(107.8188,85.2559)"
id="g4121">
<path
id="path4123"
style="fill:#5a5758;fill-opacity:1;fill-rule:nonzero;stroke:none"
d="m 0,0 c -0.738,0 -1.873,-0.522 -2.413,-0.811 l 0,-4.501 c 0.81,-0.234 1.459,-0.305 2.071,-0.305 1.297,0 1.746,0.666 1.746,2.934 C 1.404,-0.396 0.955,0 0,0 m -0.144,-7.328 c -0.594,0 -1.422,0.108 -2.251,0.396 l -0.018,-0.018 0,-3.169 c 0,-0.198 -0.054,-0.36 -0.342,-0.36 l -1.278,0 c -0.288,0 -0.342,0.126 -0.342,0.36 l 0,11.416 c 0,0.233 0.09,0.359 0.342,0.359 l 1.278,0 c 0.253,0 0.324,-0.143 0.324,-0.359 l 0,-0.541 0.055,-0.035 c 0.647,0.45 1.8,1.08 2.844,1.08 2.359,0 2.971,-1.782 2.971,-4.502 0,-2.935 -0.738,-4.627 -3.583,-4.627"
inkscape:connector-curvature="0" />
</g>
<g
transform="translate(114.3701,83.3115)"
id="g4125">
<path
id="path4127"
style="fill:#5a5758;fill-opacity:1;fill-rule:nonzero;stroke:none"
d="M 0,0 3.565,0 C 3.565,1.099 3.277,2.16 1.783,2.16 0.45,2.16 0.09,1.351 0,0 m -0.018,-1.351 c 0.054,-1.818 0.703,-2.322 2.179,-2.322 0.648,0 1.656,0.126 2.34,0.197 0.325,0.037 0.433,0.037 0.487,-0.305 L 5.096,-4.375 C 5.149,-4.646 5.114,-4.79 4.79,-4.934 c -0.703,-0.27 -2.017,-0.45 -2.899,-0.45 -3.439,0 -3.944,2.196 -3.944,4.537 0,1.747 0.324,4.628 3.836,4.628 3.223,0 3.799,-2.089 3.853,-4.033 C 5.654,-0.9 5.474,-1.351 4.753,-1.351 l -4.771,0 z"
inkscape:connector-curvature="0" />
</g>
<g
transform="translate(126.377,82.1055)"
id="g4129">
<path
id="path4131"
style="fill:#5a5758;fill-opacity:1;fill-rule:nonzero;stroke:none"
d="m 0,0 -2.196,0 c -0.901,0 -1.477,-0.324 -1.477,-1.513 0,-0.792 0.27,-1.045 1.116,-1.045 0.775,0 1.873,0.451 2.557,0.847 L 0,0 z m 0.108,-2.989 c -0.9,-0.685 -2.107,-1.171 -3.313,-1.171 -1.908,0 -2.466,1.045 -2.466,2.557 -0.018,2.107 1.116,3.007 3.384,3.007 l 2.305,0 0,0.468 c 0,1.08 -0.396,1.458 -1.872,1.458 -0.595,0 -1.729,-0.09 -2.449,-0.161 -0.36,-0.055 -0.45,-0.036 -0.504,0.216 l -0.162,0.666 c -0.036,0.234 0.018,0.378 0.414,0.54 0.774,0.27 2.197,0.396 3.043,0.396 3.115,0 3.493,-1.278 3.493,-3.295 l 0,-3.475 c 0,-0.738 0.09,-0.756 0.648,-0.828 0.27,-0.018 0.342,-0.073 0.342,-0.27 l 0,-0.757 c 0,-0.198 -0.126,-0.324 -0.432,-0.378 -0.288,-0.053 -0.576,-0.089 -0.846,-0.089 -0.846,0 -1.369,0.251 -1.549,1.097 l -0.036,0.019 z"
inkscape:connector-curvature="0" />
</g>
<g
transform="translate(137.1953,78.0898)"
id="g4133">
<path
id="path4135"
style="fill:#5a5758;fill-opacity:1;fill-rule:nonzero;stroke:none"
d="M 0,0 -1.296,0 C -1.53,0 -1.638,0.108 -1.638,0.342 l 0.018,5.059 c 0,1.063 -0.252,1.765 -1.297,1.765 -0.72,0 -1.98,-0.576 -2.466,-0.811 l 0,-6.013 C -5.383,0.126 -5.473,0 -5.726,0 l -1.278,0 c -0.252,0 -0.342,0.108 -0.342,0.342 l 0,8.121 c 0,0.233 0.09,0.359 0.342,0.359 l 1.278,0 c 0.253,0 0.343,-0.126 0.343,-0.359 l 0,-0.541 c 0.018,0 0.036,-0.018 0.054,-0.018 0.666,0.468 1.926,1.08 3.025,1.08 2.43,0 2.647,-1.602 2.647,-3.421 l 0,-5.221 C 0.343,0.126 0.271,0 0,0"
inkscape:connector-curvature="0" />
</g>
<g
transform="translate(75.9775,71.1719)"
id="g4137">
<path
id="path4139"
style="fill:#5a5758;fill-opacity:1;fill-rule:nonzero;stroke:none"
d="M 0,0 C 0.882,0 2.341,-0.127 3.295,-0.522 3.583,-0.648 3.691,-0.793 3.637,-1.081 L 3.475,-1.819 c -0.054,-0.216 -0.144,-0.306 -0.468,-0.27 -0.882,0.108 -1.963,0.234 -2.899,0.234 -2.448,0 -2.809,-1.981 -2.809,-4.321 0,-2.359 0.451,-4.214 2.809,-4.214 1.044,0 1.927,0.109 2.899,0.235 0.342,0.036 0.414,-0.054 0.486,-0.288 l 0.144,-0.685 c 0.072,-0.288 -0.018,-0.45 -0.306,-0.576 -0.882,-0.378 -2.449,-0.54 -3.331,-0.54 -4.015,0 -4.861,2.971 -4.861,6.032 C -4.861,-3.134 -4.105,0 0,0"
inkscape:connector-curvature="0" />
</g>
<g
transform="translate(83.6992,66.3643)"
id="g4141">
<path
id="path4143"
style="fill:#5a5758;fill-opacity:1;fill-rule:nonzero;stroke:none"
d="m 0,0 c -1.531,0 -1.873,-0.973 -1.873,-2.845 0,-1.909 0.342,-2.845 1.855,-2.845 1.638,0 1.962,0.919 1.962,2.845 C 1.944,-0.937 1.638,0 0,0 m -0.018,-7.419 c -3.619,0 -3.853,2.648 -3.853,4.7 0,1.693 0.378,4.448 3.853,4.448 3.493,0 3.979,-2.324 3.979,-4.448 0,-2.052 -0.252,-4.7 -3.979,-4.7"
inkscape:connector-curvature="0" />
</g>
<g
transform="translate(101.27,59.0898)"
id="g4145">
<path
id="path4147"
style="fill:#5a5758;fill-opacity:1;fill-rule:nonzero;stroke:none"
d="m 0,0 -1.296,0 c -0.252,0 -0.343,0.108 -0.343,0.342 l 0,5.114 c 0,1.332 -0.323,1.71 -1.224,1.71 -0.666,0 -1.746,-0.522 -2.304,-0.811 0,-0.179 0.018,-0.503 0.018,-0.917 l 0,-5.096 C -5.149,0.126 -5.222,0 -5.492,0 L -6.806,0 C -7.04,0 -7.112,0.108 -7.112,0.342 l 0,5.204 c 0,1.098 -0.288,1.62 -1.188,1.62 -0.631,0 -1.639,-0.45 -2.323,-0.811 l 0,-6.013 C -10.623,0.126 -10.713,0 -10.965,0 l -1.297,0 c -0.234,0 -0.324,0.108 -0.324,0.342 l 0,8.121 c 0,0.233 0.09,0.359 0.324,0.359 l 1.279,0 c 0.27,0 0.36,-0.143 0.36,-0.359 l 0,-0.523 0.018,-0.018 c 0.702,0.486 1.692,1.026 2.683,1.062 1.044,0 1.908,-0.215 2.466,-1.259 0.901,0.666 2.017,1.259 3.169,1.259 2.377,0 2.611,-1.547 2.611,-3.348 l 0,-5.294 C 0.324,0.126 0.252,0 0,0"
inkscape:connector-curvature="0" />
</g>
<g
transform="translate(115.3818,59.0898)"
id="g4149">
<path
id="path4151"
style="fill:#5a5758;fill-opacity:1;fill-rule:nonzero;stroke:none"
d="m 0,0 -1.296,0 c -0.252,0 -0.343,0.108 -0.343,0.342 l 0,5.114 c 0,1.332 -0.323,1.71 -1.224,1.71 -0.666,0 -1.746,-0.522 -2.304,-0.811 0,-0.179 0.018,-0.503 0.018,-0.917 l 0,-5.096 C -5.149,0.126 -5.222,0 -5.492,0 L -6.806,0 C -7.04,0 -7.112,0.108 -7.112,0.342 l 0,5.204 c 0,1.098 -0.288,1.62 -1.188,1.62 -0.631,0 -1.639,-0.45 -2.323,-0.811 l 0,-6.013 C -10.623,0.126 -10.713,0 -10.965,0 l -1.297,0 c -0.234,0 -0.324,0.108 -0.324,0.342 l 0,8.121 c 0,0.233 0.09,0.359 0.324,0.359 l 1.279,0 c 0.27,0 0.36,-0.143 0.36,-0.359 l 0,-0.523 0.018,-0.018 c 0.702,0.486 1.692,1.026 2.683,1.062 1.044,0 1.908,-0.215 2.466,-1.259 0.901,0.666 2.017,1.259 3.169,1.259 2.377,0 2.611,-1.547 2.611,-3.348 l 0,-5.294 C 0.324,0.126 0.252,0 0,0"
inkscape:connector-curvature="0" />
</g>
<g
transform="translate(119.1406,59.4316)"
id="g4153">
<path
id="path4155"
style="fill:#5a5758;fill-opacity:1;fill-rule:nonzero;stroke:none"
d="m 0,0 c 0,-0.197 -0.072,-0.342 -0.324,-0.342 l -1.279,0 c -0.251,0 -0.36,0.109 -0.36,0.342 l 0,8.139 c 0,0.252 0.109,0.341 0.36,0.341 l 1.279,0 C -0.072,8.48 0,8.337 0,8.139 L 0,0 z m -0.954,9.777 c -0.937,0 -1.063,0.523 -1.063,1.044 0,0.576 0.199,1.027 1.063,1.027 0.882,0 1.062,-0.414 1.062,-1.027 0,-0.557 -0.162,-1.044 -1.062,-1.044"
inkscape:connector-curvature="0" />
</g>
<g
transform="translate(123.605,58.9453)"
id="g4157">
<path
id="path4159"
style="fill:#5a5758;fill-opacity:1;fill-rule:nonzero;stroke:none"
d="m 0,0 c -0.9,0 -2.107,0.127 -2.791,0.396 -0.36,0.145 -0.432,0.307 -0.378,0.595 l 0.126,0.594 c 0.054,0.288 0.18,0.306 0.468,0.27 0.792,-0.126 1.945,-0.216 2.557,-0.216 1.152,0 1.621,0.306 1.621,1.026 0,0.828 -0.307,1.009 -1.441,1.171 -1.765,0.252 -3.313,0.63 -3.313,2.593 0,1.782 1.368,2.718 3.385,2.718 0.738,0 1.98,-0.108 2.737,-0.396 0.306,-0.126 0.432,-0.27 0.378,-0.54 L 3.205,7.563 C 3.151,7.311 3.043,7.274 2.719,7.311 1.944,7.4 0.936,7.509 0.27,7.509 -0.882,7.509 -1.152,7.185 -1.152,6.5 -1.152,5.798 -0.72,5.708 0.378,5.528 2.088,5.276 3.637,4.934 3.637,2.791 3.637,0.685 1.854,0 0,0"
inkscape:connector-curvature="0" />
</g>
<g
transform="translate(131.147,58.9453)"
id="g4161">
<path
id="path4163"
style="fill:#5a5758;fill-opacity:1;fill-rule:nonzero;stroke:none"
d="m 0,0 c -0.9,0 -2.107,0.127 -2.791,0.396 -0.36,0.145 -0.432,0.307 -0.378,0.595 l 0.126,0.594 c 0.054,0.288 0.18,0.306 0.468,0.27 0.792,-0.126 1.945,-0.216 2.557,-0.216 1.152,0 1.621,0.306 1.621,1.026 0,0.828 -0.307,1.009 -1.441,1.171 -1.765,0.252 -3.313,0.63 -3.313,2.593 0,1.782 1.368,2.718 3.385,2.718 0.738,0 1.98,-0.108 2.737,-0.396 0.306,-0.126 0.432,-0.27 0.378,-0.54 L 3.205,7.563 C 3.151,7.311 3.043,7.274 2.719,7.311 1.944,7.4 0.936,7.509 0.27,7.509 -0.882,7.509 -1.152,7.185 -1.152,6.5 -1.152,5.798 -0.72,5.708 0.378,5.528 2.088,5.276 3.637,4.934 3.637,2.791 3.637,0.685 1.854,0 0,0"
inkscape:connector-curvature="0" />
</g>
<g
transform="translate(137.9512,59.4316)"
id="g4165">
<path
id="path4167"
style="fill:#5a5758;fill-opacity:1;fill-rule:nonzero;stroke:none"
d="m 0,0 c 0,-0.197 -0.072,-0.342 -0.324,-0.342 l -1.279,0 c -0.251,0 -0.36,0.109 -0.36,0.342 l 0,8.139 c 0,0.252 0.109,0.341 0.36,0.341 l 1.279,0 C -0.072,8.48 0,8.337 0,8.139 L 0,0 z m -0.954,9.777 c -0.937,0 -1.063,0.523 -1.063,1.044 0,0.576 0.199,1.027 1.063,1.027 0.882,0 1.062,-0.414 1.062,-1.027 0,-0.557 -0.162,-1.044 -1.062,-1.044"
inkscape:connector-curvature="0" />
</g>
<g
transform="translate(143.1533,66.3643)"
id="g4169">
<path
id="path4171"
style="fill:#5a5758;fill-opacity:1;fill-rule:nonzero;stroke:none"
d="m 0,0 c -1.53,0 -1.872,-0.973 -1.872,-2.845 0,-1.909 0.342,-2.845 1.854,-2.845 1.639,0 1.963,0.919 1.963,2.845 C 1.945,-0.937 1.639,0 0,0 m -0.018,-7.419 c -3.619,0 -3.853,2.648 -3.853,4.7 0,1.693 0.378,4.448 3.853,4.448 3.494,0 3.98,-2.324 3.98,-4.448 0,-2.052 -0.253,-4.7 -3.98,-4.7"
inkscape:connector-curvature="0" />
</g>
<g
transform="translate(155.4307,59.0898)"
id="g4173">
<path
id="path4175"
style="fill:#5a5758;fill-opacity:1;fill-rule:nonzero;stroke:none"
d="M 0,0 -1.296,0 C -1.53,0 -1.638,0.108 -1.638,0.342 l 0.018,5.059 c 0,1.063 -0.252,1.765 -1.297,1.765 -0.72,0 -1.98,-0.576 -2.466,-0.811 l 0,-6.013 C -5.383,0.126 -5.474,0 -5.726,0 l -1.278,0 c -0.252,0 -0.342,0.108 -0.342,0.342 l 0,8.121 c 0,0.233 0.09,0.359 0.342,0.359 l 1.278,0 c 0.252,0 0.343,-0.126 0.343,-0.359 l 0,-0.541 c 0.018,0 0.035,-0.018 0.054,-0.018 0.666,0.468 1.927,1.08 3.024,1.08 2.431,0 2.648,-1.602 2.648,-3.421 l 0,-5.221 C 0.343,0.126 0.271,0 0,0"
inkscape:connector-curvature="0" />
</g>
</g>
</g>
</g>
</g>
</svg>
Side by side

Before

Width:  |  Height:  |  Size: 37 KiB

115558
public/assets/images/PoliTo.svg
View file

File diff suppressed because it is too large Load diff
Side by side

Before

Width:  |  Height:  |  Size: 8.5 MiB

935
public/assets/images/Prosumer_section/Cnsmr_fig1.svg
View file

@ -1,935 +0,0 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
width="808.05945"
height="405.16147"
id="svg2"
version="1.1"
inkscape:version="0.91 r13725"
sodipodi:docname="Cnsmr_fig1.svg">
<sodipodi:namedview
id="base"
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1.0"
inkscape:pageopacity="0.0"
inkscape:pageshadow="2"
inkscape:zoom="0.5"
inkscape:cx="349.9975"
inkscape:cy="626.32632"
inkscape:document-units="px"
inkscape:current-layer="layer1"
showgrid="false"
inkscape:window-width="1440"
inkscape:window-height="851"
inkscape:window-x="0"
inkscape:window-y="23"
inkscape:window-maximized="1"
fit-margin-top="0"
fit-margin-left="0"
fit-margin-right="0"
fit-margin-bottom="0" />
<defs
id="defs4">
<clipPath
id="clipPath3943"
clipPathUnits="userSpaceOnUse">
<path
id="path3945"
d="m 0,283.465 283.465,0 L 283.465,0 0,0 0,283.465 z"
inkscape:connector-curvature="0" />
</clipPath>
<clipPath
clipPathUnits="userSpaceOnUse"
id="clipPath3133-3-4">
<path
inkscape:connector-curvature="0"
d="m 36.934,212.473 61.055,0 0,-69.268 -61.055,0 0,69.268 z"
id="path3135-5-8" />
</clipPath>
<mask
maskUnits="userSpaceOnUse"
x="0"
y="0"
width="1"
height="1"
id="mask3141-2-3">
<image
width="1"
height="1"
xlink:href="data:image/png;base64,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"
id="image3143-4-1" />
</mask>
</defs>
<metadata
id="metadata7">
<rdf:RDF>
<cc:Work
rdf:about="">
<dc:format>image/svg+xml</dc:format>
<dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
<dc:title />
</cc:Work>
</rdf:RDF>
</metadata>
<g
transform="translate(4191.906,7220.3755)"
id="layer1"
inkscape:groupmode="layer"
inkscape:label="Ebene 1">
<g
inkscape:label="Ebene 1"
id="layer1-2"
transform="matrix(1.1812552,0,0,1.1812552,-3607.6224,-7437.7077)">
<g
transform="matrix(1.25,0,0,-1.25,-487.24787,575.99465)"
inkscape:label="logo_ce-en-quadri"
id="g3937">
<g
id="g3939">
<g
clip-path="url(#clipPath3943)"
id="g3941">
<g
transform="translate(10.4507,179.0083)"
id="g3947">
<path
id="path3949"
style="fill:#bdbcbc;fill-opacity:1;fill-rule:nonzero;stroke:none"
d="m 0,0 c 0,0 78.509,10.158 80.727,10.521 3.397,0.553 6.415,1.202 9.23,1.981 6.35,1.739 12.195,4.394 17.37,7.891 4.961,3.328 9.576,8.168 14.151,13.478 2.909,3.379 5.964,7.784 8.814,12.036 l 0,2.051 C 126.911,42.954 123.58,38.642 120.155,34.835 115.616,29.782 110.854,25.649 106,22.548 100.991,19.322 95.353,16.914 89.241,15.39 86.502,14.7 83.569,14.141 80.272,13.681 78.099,13.376 75.859,13.141 73.694,12.913 72.829,12.822 0,5.097 0,5.097 L 0,0 z"
inkscape:connector-curvature="0" />
</g>
<g
transform="translate(115.7349,192.1714)"
id="g3951">
<path
id="path3953"
style="fill:#bdbcbc;fill-opacity:1;fill-rule:nonzero;stroke:none"
d="m 0,0 c -4.914,-2.826 -10.59,-4.894 -16.869,-6.147 -2.682,-0.541 -5.604,-0.981 -8.938,-1.345 -1.957,-0.212 -3.929,-0.383 -5.904,-0.553 -1.066,-0.092 -2.131,-0.184 -3.193,-0.282 -24.059,-2.157 -47.995,-4.452 -70.38,-6.625 l 0,-5.092 c 22.561,2.721 46.663,5.602 70.714,8.323 1.07,0.126 2.14,0.244 3.211,0.361 1.97,0.217 3.942,0.435 5.921,0.695 3.423,0.456 6.417,0.979 9.154,1.6 6.523,1.458 12.416,3.761 17.508,6.843 5.061,3.037 9.533,7.29 14.342,12.491 2.994,3.237 6.325,7.805 9.442,12.097 l 0,1.868 C 21.336,19.253 17.852,15.069 14.403,11.5 9.708,6.637 4.863,2.769 0,0"
inkscape:connector-curvature="0" />
</g>
<g
transform="translate(129.4746,193.4189)"
id="g3955">
<path
id="path3957"
style="fill:#bdbcbc;fill-opacity:1;fill-rule:nonzero;stroke:none"
d="m 0,0 c -4.791,-4.393 -9.792,-7.849 -14.867,-10.271 -4.962,-2.394 -10.515,-4.073 -16.978,-5.136 -2.667,-0.442 -5.567,-0.803 -8.861,-1.103 l -78.318,-6.43 0,-5.082 69.618,7.386 9.008,0.948 c 3.392,0.391 6.352,0.831 9.045,1.344 6.694,1.262 12.436,3.151 17.552,5.769 5.23,2.645 10.456,7.045 15.314,11.704 3.261,3.124 6.4,7.159 9.755,11.391 l 0,1.693 C 7.393,7.397 3.693,3.383 0,0"
inkscape:connector-curvature="0" />
</g>
<g
transform="translate(110.5361,167.0308)"
id="g3959">
<path
id="path3961"
style="fill:#bdbcbc;fill-opacity:1;fill-rule:nonzero;stroke:none"
d="m 0,0 c -4.559,-2.551 -7.969,-4.021 -14.48,-4.7 -3.935,-0.423 -7.98,-0.625 -11.893,-0.82 -1.893,-0.094 -3.789,-0.188 -5.681,-0.308 -11.832,-0.676 -23.451,-1.425 -35.305,-2.198 l -32.726,-2.204 0,-5.081 33.053,3.033 c 10.68,0.958 23.092,2.062 35.209,3.051 l 8.807,0.682 c 3.439,0.264 6.259,0.545 8.871,0.885 6.7,0.865 12.423,2.218 17.494,4.135 5.461,2.042 10.61,5.212 15.767,8.939 4.649,3.36 11.083,9.986 11.091,10.073 l 0,1.795 C 26,13.178 23.578,10.874 18.974,7.84 13.471,4.214 4.088,2.287 0,0"
inkscape:connector-curvature="0" />
</g>
<g
transform="translate(112.2012,157.3735)"
id="g3963">
<path
id="path3965"
style="fill:#bdbcbc;fill-opacity:1;fill-rule:nonzero;stroke:none"
d="m 0,0 c -4.941,-1.448 -10.502,-2.428 -17.001,-2.997 -2.633,-0.228 -5.473,-0.402 -8.684,-0.532 l -8.76,-0.384 c -21.767,-1.011 -43.428,-2.142 -67.305,-3.405 l 0,-5.069 c 22.808,1.765 45.16,3.483 67.503,5.073 l 8.734,0.596 c 3.372,0.221 6.167,0.462 8.797,0.759 6.663,0.745 12.362,1.895 17.419,3.513 5.606,1.776 11.07,4.35 16.24,7.651 3.818,2.431 7.637,5.328 11.599,8.787 l 0,0.088 C 24.175,10.354 20.015,9.527 15.868,7.023 10.79,3.947 5.452,1.584 0,0"
inkscape:connector-curvature="0" />
</g>
<g
transform="translate(111.3936,148.9546)"
id="g3967">
<path
id="path3969"
style="fill:#bdbcbc;fill-opacity:1;fill-rule:nonzero;stroke:none"
d="m 0,0 c -4.977,-1.163 -10.369,-1.912 -16.974,-2.354 -2.547,-0.17 -5.285,-0.298 -8.62,-0.402 l -8.676,-0.308 c -21.86,-0.827 -44.025,-1.777 -66.673,-2.76 l 0,-5.066 c 22.502,1.534 44.577,3.029 66.844,4.422 l 8.656,0.519 c 3.394,0.193 6.16,0.391 8.701,0.622 6.727,0.621 12.231,1.525 17.32,2.843 5.71,1.471 11.26,3.627 16.498,6.408 4.049,2.147 8.088,4.728 12.273,7.835 l 0,2.166 C 24.826,10.658 20.487,7.996 16.143,5.824 11.001,3.25 5.571,1.291 0,0"
inkscape:connector-curvature="0" />
</g>
<g
transform="translate(110.6523,140.7002)"
id="g3971">
<path
id="path3973"
style="fill:#bdbcbc;fill-opacity:1;fill-rule:nonzero;stroke:none"
d="m 0,0 c -4.993,-0.915 -10.371,-1.498 -16.926,-1.837 -2.466,-0.127 -5.104,-0.218 -8.556,-0.296 l -74.72,-2.024 0,-5.061 66.259,3.458 8.584,0.436 c 3.349,0.158 6.089,0.32 8.623,0.515 6.645,0.508 12.112,1.239 17.202,2.303 5.779,1.199 11.387,2.951 16.67,5.202 4.254,1.804 8.516,4.005 12.954,6.681 l 0,2.033 C 25.348,8.652 20.839,6.438 16.362,4.667 11.153,2.597 5.648,1.027 0,0"
inkscape:connector-curvature="0" />
</g>
<g
transform="translate(110.0659,132.4102)"
id="g3975">
<path
id="path3977"
style="fill:#bdbcbc;fill-opacity:1;fill-rule:nonzero;stroke:none"
d="m 0,0 c -9.168,-1.223 -18.607,-1.363 -27.735,-1.499 -2.092,-0.03 -4.185,-0.063 -6.275,-0.105 l -65.605,-1.183 0,-5.054 65.719,2.831 c 2.083,0.095 4.17,0.178 6.259,0.262 9.192,0.368 18.698,0.747 27.99,2.223 5.883,0.926 11.543,2.298 16.825,4.075 4.375,1.464 8.908,3.359 13.499,5.6 l 0,1.94 C 25.852,6.843 21.107,4.976 16.551,3.576 11.331,1.965 5.763,0.761 0,0"
inkscape:connector-curvature="0" />
</g>
<g
transform="translate(109.5449,124.0684)"
id="g3979">
<path
id="path3981"
style="fill:#bdbcbc;fill-opacity:1;fill-rule:nonzero;stroke:none"
d="m 0,0 c -8.591,-0.709 -17.382,-0.71 -25.886,-0.71 -2.645,0 -5.29,-0.001 -7.935,-0.022 -21.734,-0.095 -43.296,-0.273 -65.273,-0.464 l 0,-5.056 c 20.932,0.711 43.14,1.453 65.347,2.112 2.636,0.088 5.273,0.155 7.913,0.223 8.549,0.215 17.389,0.439 26.067,1.378 6.064,0.65 11.58,1.603 16.866,2.911 4.61,1.133 9.344,2.644 14.099,4.46 l 0,1.857 C 26.29,4.928 21.398,3.489 16.636,2.442 11.402,1.287 5.959,0.488 0,0"
inkscape:connector-curvature="0" />
</g>
<g
transform="translate(109.2129,115.8447)"
id="g3983">
<path
id="path3985"
style="fill:#bdbcbc;fill-opacity:1;fill-rule:nonzero;stroke:none"
d="m 0,0 c -3.579,-0.142 -7.455,-0.209 -11.851,-0.209 -1.661,0 -3.322,0.01 -4.979,0.024 l -16.909,0.206 c -11.538,0.086 -23.032,0.105 -33.816,0.115 l -31.207,-0.03 0,-5.053 31.282,0.819 c 10.744,0.264 22.272,0.536 33.773,0.745 l 16.895,0.222 c 4.635,0.073 10.751,0.209 16.946,0.616 6.071,0.394 11.595,0.998 16.89,1.844 4.766,0.763 9.635,1.788 14.506,3.029 l 0,1.794 C 26.525,2.969 21.552,2.047 16.726,1.401 11.461,0.695 5.99,0.238 0,0"
inkscape:connector-curvature="0" />
</g>
<g
transform="translate(92.1865,107.8984)"
id="g3987">
<path
id="path3989"
style="fill:#bdbcbc;fill-opacity:1;fill-rule:nonzero;stroke:none"
d="m 0,0 -16.852,0.181 c -21.497,0.302 -42.975,0.695 -64.884,1.104 l 0,-5.056 c 20.913,0.138 43.062,0.297 64.9,0.543 l 16.86,0.25 c 5.682,0.097 11.246,0.201 16.872,0.388 11.584,0.372 21.962,1.187 31.66,2.47 l 0,1.758 C 38.821,0.591 28.428,0.038 16.836,-0.037 11.228,-0.087 5.614,-0.047 0,0"
inkscape:connector-curvature="0" />
</g>
<g
transform="translate(140.7427,98.959)"
id="g3991">
<path
id="path3993"
style="fill:#bdbcbc;fill-opacity:1;fill-rule:nonzero;stroke:none"
d="m 0,0 -130.292,3.304 0,-5.053 L 0,-1.749 0,0 z"
inkscape:connector-curvature="0" />
</g>
<g
transform="translate(129.0107,183.8701)"
id="g3995">
<path
id="path3997"
style="fill:#bdbcbc;fill-opacity:1;fill-rule:nonzero;stroke:none"
d="m 0,0 c -4.949,-3.975 -8.772,-6.8 -14.83,-9.207 -5.275,-2.096 -10.941,-2.955 -17.415,-3.837 -4.166,-0.584 -8.52,-1.447 -12.679,-1.724 -1.71,-0.115 -3.421,-0.228 -5.127,-0.362 l -68.509,-4.993 0,-5.073 68.786,6.67 8.918,0.836 c 3.308,0.313 6.244,0.677 8.977,1.118 6.666,1.07 12.41,2.704 17.558,4.996 5.342,2.356 10.747,6.214 15.77,10.44 3.418,2.869 6.705,6.481 10.283,10.425 l 0,1.818 C 7.404,6.634 3.817,3.06 0,0"
inkscape:connector-curvature="0" />
</g>
<path
id="path3999"
style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none"
d="m 64.606,48.754 114.129,0 0,50.754 -114.129,0 0,-50.754 z"
inkscape:connector-curvature="0" />
<path
id="path4001"
style="fill:#254aa5;fill-opacity:1;fill-rule:nonzero;stroke:none"
d="m 178.757,173.571 -114.15,0 0,-76.361 114.15,0 0,76.361 z"
inkscape:connector-curvature="0" />
<g
transform="translate(122.9189,162.7139)"
id="g4003">
<path
id="path4005"
style="fill:#fff200;fill-opacity:1;fill-rule:nonzero;stroke:none"
d="M 0,0 3.972,0 0.771,-2.494 2.015,-6.45 -1.174,-4.013 -4.363,-6.45 -3.106,-2.494 -6.333,0 -2.374,0 -1.174,3.858 0,0 z"
inkscape:connector-curvature="0" />
</g>
<g
transform="translate(123.0586,111.79)"
id="g4007">
<path
id="path4009"
style="fill:#fff200;fill-opacity:1;fill-rule:nonzero;stroke:none"
d="M 0,0 3.978,0 0.776,-2.405 2.02,-6.207 -1.168,-3.864 -4.357,-6.207 -3.101,-2.405 -6.333,0 -2.368,0 -1.168,3.712 0,0 z"
inkscape:connector-curvature="0" />
</g>
<g
transform="translate(135.6553,115.1621)"
id="g4011">
<path
id="path4013"
style="fill:#fff200;fill-opacity:1;fill-rule:nonzero;stroke:none"
d="M 0,0 3.979,0 0.777,-2.398 2.021,-6.207 -1.168,-3.857 -4.356,-6.207 -3.1,-2.398 -6.333,0 -2.368,0 -1.168,3.713 0,0 z"
inkscape:connector-curvature="0" />
</g>
<g
transform="translate(135.6553,159.3169)"
id="g4015">
<path
id="path4017"
style="fill:#fff200;fill-opacity:1;fill-rule:nonzero;stroke:none"
d="M 0,0 3.979,0 0.777,-2.399 2.021,-6.207 -1.168,-3.861 -4.356,-6.207 -3.1,-2.399 -6.333,0 -2.368,0 -1.168,3.712 0,0 z"
inkscape:connector-curvature="0" />
</g>
<g
transform="translate(145.0078,149.9653)"
id="g4019">
<path
id="path4021"
style="fill:#fff200;fill-opacity:1;fill-rule:nonzero;stroke:none"
d="M 0,0 3.971,0 0.77,-2.396 2.014,-6.207 -1.175,-3.861 -4.357,-6.207 -3.101,-2.396 -6.334,0 -2.375,0 -1.175,3.713 0,0 z"
inkscape:connector-curvature="0" />
</g>
<g
transform="translate(145.0078,124.3867)"
id="g4023">
<path
id="path4025"
style="fill:#fff200;fill-opacity:1;fill-rule:nonzero;stroke:none"
d="m 0,0 3.971,0 -3.201,-2.406 1.244,-3.807 -3.189,2.35 -3.182,-2.35 1.256,3.807 L -6.334,0 -2.375,0 -1.175,3.713 0,0 z"
inkscape:connector-curvature="0" />
</g>
<g
transform="translate(148.5117,137.3711)"
id="g4027">
<path
id="path4029"
style="fill:#fff200;fill-opacity:1;fill-rule:nonzero;stroke:none"
d="M 0,0 3.979,0 0.776,-2.4 2.02,-6.209 -1.169,-3.859 -4.357,-6.209 -3.101,-2.4 -6.333,0 -2.374,0 -1.169,3.71 0,0 z"
inkscape:connector-curvature="0" />
</g>
<g
transform="translate(110.0762,159.2856)"
id="g4031">
<path
id="path4033"
style="fill:#fff200;fill-opacity:1;fill-rule:nonzero;stroke:none"
d="M 0,0 3.971,0 0.77,-2.403 2.014,-6.21 -1.175,-3.861 -4.364,-6.21 -3.106,-2.403 -6.333,0 -2.374,0 -1.175,3.712 0,0 z"
inkscape:connector-curvature="0" />
</g>
<g
transform="translate(100.9834,149.9341)"
id="g4035">
<path
id="path4037"
style="fill:#fff200;fill-opacity:1;fill-rule:nonzero;stroke:none"
d="M 0,0 3.978,0 0.776,-2.399 2.014,-6.208 -1.168,-3.861 -4.357,-6.208 -3.104,-2.399 -6.333,0 -2.368,0 -1.168,3.712 0,0 z"
inkscape:connector-curvature="0" />
</g>
<g
transform="translate(97.6084,137.3398)"
id="g4039">
<path
id="path4041"
style="fill:#fff200;fill-opacity:1;fill-rule:nonzero;stroke:none"
d="M 0,0 3.975,0 0.773,-2.401 2.017,-6.209 -1.171,-3.866 -4.36,-6.209 -3.104,-2.401 -6.331,0 l 3.96,0 1.2,3.709 L 0,0 z"
inkscape:connector-curvature="0" />
</g>
<g
transform="translate(100.9834,124.3555)"
id="g4043">
<path
id="path4045"
style="fill:#fff200;fill-opacity:1;fill-rule:nonzero;stroke:none"
d="M 0,0 3.978,0 0.776,-2.405 2.014,-6.213 -1.168,-3.865 -4.357,-6.213 -3.104,-2.405 -6.333,0 -2.368,0 -1.168,3.707 0,0 z"
inkscape:connector-curvature="0" />
</g>
<g
transform="translate(110.209,115.1309)"
id="g4047">
<path
id="path4049"
style="fill:#fff200;fill-opacity:1;fill-rule:nonzero;stroke:none"
d="M 0,0 3.971,0 0.77,-2.4 2.007,-6.207 -1.175,-3.858 -4.364,-6.207 -3.107,-2.4 -6.333,0 -2.375,0 -1.175,3.713 0,0 z"
inkscape:connector-curvature="0" />
</g>
<path
id="path4051"
style="fill:#254aa5;fill-opacity:1;fill-rule:nonzero;stroke:none"
d="m 64.606,43.74 114.159,0 0,6.517 -114.159,0 0,-6.517 z"
inkscape:connector-curvature="0" />
<g
transform="translate(195.001,227.2148)"
id="g4053">
<path
id="path4055"
style="fill:#bdbcbc;fill-opacity:1;fill-rule:nonzero;stroke:none"
d="m 0,0 c 0,0 23.802,-37.064 28.153,-43.878 4.351,-6.811 9.326,-12.201 26.936,-15.862 17.61,-3.66 25.276,-5.389 25.276,-5.389 l 0,-1.322 c 0,0 -11.189,2.339 -25.588,5.491 -14.398,3.152 -20.284,4.213 -26.848,13.165 C 22.467,-40.344 0,-8.682 0,-8.682 L 0,0 z"
inkscape:connector-curvature="0" />
</g>
<g
transform="translate(195.001,216.6758)"
id="g4057">
<path
id="path4059"
style="fill:#bdbcbc;fill-opacity:1;fill-rule:nonzero;stroke:none"
d="m 0,0 c 0,0 24.595,-35.236 27.858,-39.555 3.265,-4.318 7.663,-11.281 27.102,-15.39 5.019,-1.06 25.471,-5.084 25.471,-5.084 l 0,-1.114 c 0,0 -15.539,2.995 -25.471,5.084 -9.933,2.09 -20.371,3.996 -27.031,12.396 -6.049,7.63 -27.976,35.77 -27.976,35.77 L 0,0 z"
inkscape:connector-curvature="0" />
</g>
<g
transform="translate(195.001,206.0908)"
id="g4061">
<path
id="path4063"
style="fill:#bdbcbc;fill-opacity:1;fill-rule:nonzero;stroke:none"
d="m 0,0 c 0,0 23.176,-29.944 27.858,-35.933 4.683,-5.989 11.139,-10.934 27.102,-13.998 9.204,-1.767 25.398,-4.736 25.398,-4.736 l 0,-1.113 c 0,0 -14.188,2.646 -25.398,4.666 -11.21,2.019 -20.467,3.972 -27.102,11.421 -5.82,6.534 -27.905,32.218 -27.905,32.218 L 0,0 z"
inkscape:connector-curvature="0" />
</g>
<g
transform="translate(194.9551,195.6914)"
id="g4065">
<path
id="path4067"
style="fill:#bdbcbc;fill-opacity:1;fill-rule:nonzero;stroke:none"
d="m 0,0 c 0,0 23.463,-27.165 27.975,-32.01 7.026,-7.545 10.43,-10.145 27.031,-13.301 6.641,-1.263 25.398,-4.527 25.398,-4.527 l 0,-1.184 c 0,0 -15.536,2.786 -25.398,4.527 -9.861,1.741 -18.208,2.391 -27.102,10.933 C 21.128,-29.053 0.046,-7.01 0.046,-7.01 L 0,0 z"
inkscape:connector-curvature="0" />
</g>
<g
transform="translate(195.001,184.874)"
id="g4069">
<path
id="path4071"
style="fill:#bdbcbc;fill-opacity:1;fill-rule:nonzero;stroke:none"
d="m 0,0 c 0,0 21.666,-22.255 27.929,-28.645 6.646,-6.777 15.16,-9.284 26.96,-11.351 11.264,-1.971 25.469,-4.247 25.469,-4.247 l 0,-1.254 c 0,0 -13.338,2.143 -25.469,4.178 -11.895,1.997 -20.219,3.111 -27.031,9.263 C 21.759,-26.547 0,-6.546 0,-6.546 L 0,0 z"
inkscape:connector-curvature="0" />
</g>
<g
transform="translate(195.001,174.8462)"
id="g4073">
<path
id="path4075"
style="fill:#bdbcbc;fill-opacity:1;fill-rule:nonzero;stroke:none"
d="m 0,0 c 0,0 20.604,-18.755 27.929,-25.163 6.741,-5.896 12.204,-7.73 27.031,-10.306 14.829,-2.577 25.398,-4.178 25.398,-4.178 l 0,-1.323 c 0,0 -13.408,2.158 -25.469,4.039 -12.061,1.88 -19.746,2.623 -26.96,8.356 C 19.603,-21.955 0,-6.128 0,-6.128 L 0,0 z"
inkscape:connector-curvature="0" />
</g>
<g
transform="translate(194.9541,164.1216)"
id="g4077">
<path
id="path4079"
style="fill:#bdbcbc;fill-opacity:1;fill-rule:nonzero;stroke:none"
d="m 0,0 c 0,0 23.507,-18.268 27.905,-21.472 4.399,-3.202 10.217,-6.94 27.102,-9.331 16.744,-2.371 25.328,-3.551 25.328,-3.551 l 0,-1.394 c 0,0 -15.182,2.161 -25.328,3.413 -10.146,1.254 -17.925,1.786 -27.031,7.73 C 19.112,-18.819 0.047,-5.663 0.047,-5.663 L 0,0 z"
inkscape:connector-curvature="0" />
</g>
<g
transform="translate(194.9541,153.8618)"
id="g4081">
<path
id="path4083"
style="fill:#bdbcbc;fill-opacity:1;fill-rule:nonzero;stroke:none"
d="m 0,0 c 0,0 23.576,-15.39 28.047,-17.828 4.471,-2.436 9.721,-6.406 26.96,-8.565 17.24,-2.159 25.328,-3.133 25.328,-3.133 l 0,-1.323 c 0,0 -14.26,1.531 -25.399,2.715 -11.139,1.184 -18.729,2.786 -27.031,7.242 C 19.604,-16.435 0.047,-5.246 0.047,-5.246 L 0,0 z"
inkscape:connector-curvature="0" />
</g>
<g
transform="translate(195.001,143.6016)"
id="g4085">
<path
id="path4087"
style="fill:#bdbcbc;fill-opacity:1;fill-rule:nonzero;stroke:none"
d="m 0,0 c 0,0 20.867,-11.125 27.929,-14.6 7.877,-3.877 14.687,-5.733 27.031,-7.172 12.121,-1.416 25.398,-2.787 25.398,-2.787 l 0,-1.254 c 0,0 -12.276,1.29 -25.398,2.507 -13.007,1.208 -17.641,1.764 -27.031,5.849 -8.398,3.653 -27.975,12.582 -27.975,12.582 L 0,0 z"
inkscape:connector-curvature="0" />
</g>
<g
transform="translate(195.001,133.1563)"
id="g4089">
<path
id="path4091"
style="fill:#bdbcbc;fill-opacity:1;fill-rule:nonzero;stroke:none"
d="m 0,0 c 0,0 16.413,-6.891 28,-11.397 11.399,-4.433 20.103,-4.806 27.031,-5.572 3.051,-0.337 25.257,-2.576 25.257,-2.576 l 0,-1.252 c 0,0 -13.267,1.043 -25.328,2.087 -12.062,1.044 -17.264,1.486 -27.031,4.666 -9.883,3.216 -27.976,9.401 -27.976,9.401 L 0,0 z"
inkscape:connector-curvature="0" />
</g>
<g
transform="translate(195.001,122.5713)"
id="g4093">
<path
id="path4095"
style="fill:#bdbcbc;fill-opacity:1;fill-rule:nonzero;stroke:none"
d="m 0,0 c 0,0 16.648,-5.061 28,-7.985 11.352,-2.925 21.781,-4.11 27.031,-4.456 5.25,-0.35 25.257,-1.95 25.257,-1.95 l 0,-1.185 c 0,0 -11.346,0.763 -25.328,1.741 -11.304,0.789 -20.385,1.625 -27.031,3.064 -7.366,1.594 -27.975,6.408 -27.975,6.408 L 0,0 z"
inkscape:connector-curvature="0" />
</g>
<g
transform="translate(194.9551,112.125)"
id="g4097">
<path
id="path4099"
style="fill:#bdbcbc;fill-opacity:1;fill-rule:nonzero;stroke:none"
d="m 0,0 c 0,0 13.661,-2.304 28.046,-4.642 10.784,-1.752 25.399,-2.856 26.96,-2.925 1.561,-0.07 25.398,-1.672 25.398,-1.672 l 0,-1.252 c 0,0 -15.256,0.773 -25.398,1.322 -10.565,0.572 -21.066,1.2 -27.031,1.811 C 14.615,-5.991 0,-4.178 0,-4.178 L 0,0 z"
inkscape:connector-curvature="0" />
</g>
<g
transform="translate(195.001,101.3096)"
id="g4101">
<path
id="path4103"
style="fill:#bdbcbc;fill-opacity:1;fill-rule:nonzero;stroke:none"
d="M 0,0 C 0,0 21.474,-0.791 28,-0.931 34.527,-1.069 80.358,-2.88 80.358,-2.88 l 0,-1.254 L 0,-4.087 0,0 z"
inkscape:connector-curvature="0" />
</g>
<g
transform="translate(71.2783,89.6855)"
id="g4105">
<path
id="path4107"
style="fill:#5a5758;fill-opacity:1;fill-rule:nonzero;stroke:none"
d="m 0,0 c 0,0.233 0.108,0.359 0.36,0.359 l 6.626,0 c 0.216,0 0.342,-0.126 0.342,-0.341 l 0,-1.117 c 0,-0.215 -0.09,-0.324 -0.36,-0.324 l -4.915,0 0,-3.097 4.357,0 c 0.234,0 0.36,-0.108 0.36,-0.324 l 0,-1.116 c 0,-0.216 -0.09,-0.324 -0.36,-0.324 l -4.357,0 0,-3.547 5.041,0 c 0.216,0 0.324,-0.108 0.324,-0.342 l 0,-1.098 c 0,-0.235 -0.09,-0.325 -0.342,-0.325 l -6.716,0 c -0.252,0 -0.36,0.109 -0.36,0.325 L 0,0 z"
inkscape:connector-curvature="0" />
</g>
<g
transform="translate(87.0483,78.0898)"
id="g4109">
<path
id="path4111"
style="fill:#5a5758;fill-opacity:1;fill-rule:nonzero;stroke:none"
d="m 0,0 -1.279,0 c -0.27,0 -0.342,0.126 -0.342,0.342 l 0,0.558 -0.036,0.018 c -0.702,-0.486 -1.926,-1.08 -3.025,-1.08 -2.43,0 -2.664,1.44 -2.664,3.331 l 0,5.294 c 0,0.216 0.09,0.359 0.342,0.359 l 1.314,0 c 0.234,0 0.324,-0.126 0.324,-0.359 l 0,-5.06 c 0,-1.081 0.216,-1.764 1.315,-1.764 0.774,0 1.962,0.576 2.43,0.81 l 0,6.014 c 0,0.216 0.072,0.359 0.342,0.359 l 1.279,0 c 0.252,0 0.342,-0.126 0.342,-0.359 l 0,-8.121 C 0.342,0.108 0.252,0 0,0"
inkscape:connector-curvature="0" />
</g>
<g
transform="translate(90.8984,78.4316)"
id="g4113">
<path
id="path4115"
style="fill:#5a5758;fill-opacity:1;fill-rule:nonzero;stroke:none"
d="m 0,0 c 0,-0.216 -0.09,-0.342 -0.342,-0.342 l -1.296,0 c -0.253,0 -0.342,0.109 -0.342,0.342 l 0,8.121 c 0,0.233 0.089,0.359 0.342,0.359 l 1.278,0 C -0.09,8.48 0,8.337 0,8.121 L 0,7.328 0.036,7.293 c 0.54,0.504 1.818,1.116 2.665,1.278 0.234,0.054 0.396,0 0.432,-0.306 L 3.259,7.059 C 3.277,6.807 3.295,6.698 2.917,6.626 1.909,6.428 0.63,6.068 0,5.798 L 0,0 z"
inkscape:connector-curvature="0" />
</g>
<g
transform="translate(98.4771,85.3643)"
id="g4117">
<path
id="path4119"
style="fill:#5a5758;fill-opacity:1;fill-rule:nonzero;stroke:none"
d="m 0,0 c -1.531,0 -1.873,-0.973 -1.873,-2.845 0,-1.909 0.342,-2.845 1.855,-2.845 1.638,0 1.962,0.919 1.962,2.845 C 1.944,-0.937 1.638,0 0,0 m -0.018,-7.419 c -3.619,0 -3.854,2.648 -3.854,4.7 0,1.693 0.379,4.448 3.854,4.448 3.493,0 3.979,-2.324 3.979,-4.448 0,-2.052 -0.252,-4.7 -3.979,-4.7"
inkscape:connector-curvature="0" />
</g>
<g
transform="translate(107.8188,85.2559)"
id="g4121">
<path
id="path4123"
style="fill:#5a5758;fill-opacity:1;fill-rule:nonzero;stroke:none"
d="m 0,0 c -0.738,0 -1.873,-0.522 -2.413,-0.811 l 0,-4.501 c 0.81,-0.234 1.459,-0.305 2.071,-0.305 1.297,0 1.746,0.666 1.746,2.934 C 1.404,-0.396 0.955,0 0,0 m -0.144,-7.328 c -0.594,0 -1.422,0.108 -2.251,0.396 l -0.018,-0.018 0,-3.169 c 0,-0.198 -0.054,-0.36 -0.342,-0.36 l -1.278,0 c -0.288,0 -0.342,0.126 -0.342,0.36 l 0,11.416 c 0,0.233 0.09,0.359 0.342,0.359 l 1.278,0 c 0.253,0 0.324,-0.143 0.324,-0.359 l 0,-0.541 0.055,-0.035 c 0.647,0.45 1.8,1.08 2.844,1.08 2.359,0 2.971,-1.782 2.971,-4.502 0,-2.935 -0.738,-4.627 -3.583,-4.627"
inkscape:connector-curvature="0" />
</g>
<g
transform="translate(114.3701,83.3115)"
id="g4125">
<path
id="path4127"
style="fill:#5a5758;fill-opacity:1;fill-rule:nonzero;stroke:none"
d="M 0,0 3.565,0 C 3.565,1.099 3.277,2.16 1.783,2.16 0.45,2.16 0.09,1.351 0,0 m -0.018,-1.351 c 0.054,-1.818 0.703,-2.322 2.179,-2.322 0.648,0 1.656,0.126 2.34,0.197 0.325,0.037 0.433,0.037 0.487,-0.305 L 5.096,-4.375 C 5.149,-4.646 5.114,-4.79 4.79,-4.934 c -0.703,-0.27 -2.017,-0.45 -2.899,-0.45 -3.439,0 -3.944,2.196 -3.944,4.537 0,1.747 0.324,4.628 3.836,4.628 3.223,0 3.799,-2.089 3.853,-4.033 C 5.654,-0.9 5.474,-1.351 4.753,-1.351 l -4.771,0 z"
inkscape:connector-curvature="0" />
</g>
<g
transform="translate(126.377,82.1055)"
id="g4129">
<path
id="path4131"
style="fill:#5a5758;fill-opacity:1;fill-rule:nonzero;stroke:none"
d="m 0,0 -2.196,0 c -0.901,0 -1.477,-0.324 -1.477,-1.513 0,-0.792 0.27,-1.045 1.116,-1.045 0.775,0 1.873,0.451 2.557,0.847 L 0,0 z m 0.108,-2.989 c -0.9,-0.685 -2.107,-1.171 -3.313,-1.171 -1.908,0 -2.466,1.045 -2.466,2.557 -0.018,2.107 1.116,3.007 3.384,3.007 l 2.305,0 0,0.468 c 0,1.08 -0.396,1.458 -1.872,1.458 -0.595,0 -1.729,-0.09 -2.449,-0.161 -0.36,-0.055 -0.45,-0.036 -0.504,0.216 l -0.162,0.666 c -0.036,0.234 0.018,0.378 0.414,0.54 0.774,0.27 2.197,0.396 3.043,0.396 3.115,0 3.493,-1.278 3.493,-3.295 l 0,-3.475 c 0,-0.738 0.09,-0.756 0.648,-0.828 0.27,-0.018 0.342,-0.073 0.342,-0.27 l 0,-0.757 c 0,-0.198 -0.126,-0.324 -0.432,-0.378 -0.288,-0.053 -0.576,-0.089 -0.846,-0.089 -0.846,0 -1.369,0.251 -1.549,1.097 l -0.036,0.019 z"
inkscape:connector-curvature="0" />
</g>
<g
transform="translate(137.1953,78.0898)"
id="g4133">
<path
id="path4135"
style="fill:#5a5758;fill-opacity:1;fill-rule:nonzero;stroke:none"
d="M 0,0 -1.296,0 C -1.53,0 -1.638,0.108 -1.638,0.342 l 0.018,5.059 c 0,1.063 -0.252,1.765 -1.297,1.765 -0.72,0 -1.98,-0.576 -2.466,-0.811 l 0,-6.013 C -5.383,0.126 -5.473,0 -5.726,0 l -1.278,0 c -0.252,0 -0.342,0.108 -0.342,0.342 l 0,8.121 c 0,0.233 0.09,0.359 0.342,0.359 l 1.278,0 c 0.253,0 0.343,-0.126 0.343,-0.359 l 0,-0.541 c 0.018,0 0.036,-0.018 0.054,-0.018 0.666,0.468 1.926,1.08 3.025,1.08 2.43,0 2.647,-1.602 2.647,-3.421 l 0,-5.221 C 0.343,0.126 0.271,0 0,0"
inkscape:connector-curvature="0" />
</g>
<g
transform="translate(75.9775,71.1719)"
id="g4137">
<path
id="path4139"
style="fill:#5a5758;fill-opacity:1;fill-rule:nonzero;stroke:none"
d="M 0,0 C 0.882,0 2.341,-0.127 3.295,-0.522 3.583,-0.648 3.691,-0.793 3.637,-1.081 L 3.475,-1.819 c -0.054,-0.216 -0.144,-0.306 -0.468,-0.27 -0.882,0.108 -1.963,0.234 -2.899,0.234 -2.448,0 -2.809,-1.981 -2.809,-4.321 0,-2.359 0.451,-4.214 2.809,-4.214 1.044,0 1.927,0.109 2.899,0.235 0.342,0.036 0.414,-0.054 0.486,-0.288 l 0.144,-0.685 c 0.072,-0.288 -0.018,-0.45 -0.306,-0.576 -0.882,-0.378 -2.449,-0.54 -3.331,-0.54 -4.015,0 -4.861,2.971 -4.861,6.032 C -4.861,-3.134 -4.105,0 0,0"
inkscape:connector-curvature="0" />
</g>
<g
transform="translate(83.6992,66.3643)"
id="g4141">
<path
id="path4143"
style="fill:#5a5758;fill-opacity:1;fill-rule:nonzero;stroke:none"
d="m 0,0 c -1.531,0 -1.873,-0.973 -1.873,-2.845 0,-1.909 0.342,-2.845 1.855,-2.845 1.638,0 1.962,0.919 1.962,2.845 C 1.944,-0.937 1.638,0 0,0 m -0.018,-7.419 c -3.619,0 -3.853,2.648 -3.853,4.7 0,1.693 0.378,4.448 3.853,4.448 3.493,0 3.979,-2.324 3.979,-4.448 0,-2.052 -0.252,-4.7 -3.979,-4.7"
inkscape:connector-curvature="0" />
</g>
<g
transform="translate(101.27,59.0898)"
id="g4145">
<path
id="path4147"
style="fill:#5a5758;fill-opacity:1;fill-rule:nonzero;stroke:none"
d="m 0,0 -1.296,0 c -0.252,0 -0.343,0.108 -0.343,0.342 l 0,5.114 c 0,1.332 -0.323,1.71 -1.224,1.71 -0.666,0 -1.746,-0.522 -2.304,-0.811 0,-0.179 0.018,-0.503 0.018,-0.917 l 0,-5.096 C -5.149,0.126 -5.222,0 -5.492,0 L -6.806,0 C -7.04,0 -7.112,0.108 -7.112,0.342 l 0,5.204 c 0,1.098 -0.288,1.62 -1.188,1.62 -0.631,0 -1.639,-0.45 -2.323,-0.811 l 0,-6.013 C -10.623,0.126 -10.713,0 -10.965,0 l -1.297,0 c -0.234,0 -0.324,0.108 -0.324,0.342 l 0,8.121 c 0,0.233 0.09,0.359 0.324,0.359 l 1.279,0 c 0.27,0 0.36,-0.143 0.36,-0.359 l 0,-0.523 0.018,-0.018 c 0.702,0.486 1.692,1.026 2.683,1.062 1.044,0 1.908,-0.215 2.466,-1.259 0.901,0.666 2.017,1.259 3.169,1.259 2.377,0 2.611,-1.547 2.611,-3.348 l 0,-5.294 C 0.324,0.126 0.252,0 0,0"
inkscape:connector-curvature="0" />
</g>
<g
transform="translate(115.3818,59.0898)"
id="g4149">
<path
id="path4151"
style="fill:#5a5758;fill-opacity:1;fill-rule:nonzero;stroke:none"
d="m 0,0 -1.296,0 c -0.252,0 -0.343,0.108 -0.343,0.342 l 0,5.114 c 0,1.332 -0.323,1.71 -1.224,1.71 -0.666,0 -1.746,-0.522 -2.304,-0.811 0,-0.179 0.018,-0.503 0.018,-0.917 l 0,-5.096 C -5.149,0.126 -5.222,0 -5.492,0 L -6.806,0 C -7.04,0 -7.112,0.108 -7.112,0.342 l 0,5.204 c 0,1.098 -0.288,1.62 -1.188,1.62 -0.631,0 -1.639,-0.45 -2.323,-0.811 l 0,-6.013 C -10.623,0.126 -10.713,0 -10.965,0 l -1.297,0 c -0.234,0 -0.324,0.108 -0.324,0.342 l 0,8.121 c 0,0.233 0.09,0.359 0.324,0.359 l 1.279,0 c 0.27,0 0.36,-0.143 0.36,-0.359 l 0,-0.523 0.018,-0.018 c 0.702,0.486 1.692,1.026 2.683,1.062 1.044,0 1.908,-0.215 2.466,-1.259 0.901,0.666 2.017,1.259 3.169,1.259 2.377,0 2.611,-1.547 2.611,-3.348 l 0,-5.294 C 0.324,0.126 0.252,0 0,0"
inkscape:connector-curvature="0" />
</g>
<g
transform="translate(119.1406,59.4316)"
id="g4153">
<path
id="path4155"
style="fill:#5a5758;fill-opacity:1;fill-rule:nonzero;stroke:none"
d="m 0,0 c 0,-0.197 -0.072,-0.342 -0.324,-0.342 l -1.279,0 c -0.251,0 -0.36,0.109 -0.36,0.342 l 0,8.139 c 0,0.252 0.109,0.341 0.36,0.341 l 1.279,0 C -0.072,8.48 0,8.337 0,8.139 L 0,0 z m -0.954,9.777 c -0.937,0 -1.063,0.523 -1.063,1.044 0,0.576 0.199,1.027 1.063,1.027 0.882,0 1.062,-0.414 1.062,-1.027 0,-0.557 -0.162,-1.044 -1.062,-1.044"
inkscape:connector-curvature="0" />
</g>
<g
transform="translate(123.605,58.9453)"
id="g4157">
<path
id="path4159"
style="fill:#5a5758;fill-opacity:1;fill-rule:nonzero;stroke:none"
d="m 0,0 c -0.9,0 -2.107,0.127 -2.791,0.396 -0.36,0.145 -0.432,0.307 -0.378,0.595 l 0.126,0.594 c 0.054,0.288 0.18,0.306 0.468,0.27 0.792,-0.126 1.945,-0.216 2.557,-0.216 1.152,0 1.621,0.306 1.621,1.026 0,0.828 -0.307,1.009 -1.441,1.171 -1.765,0.252 -3.313,0.63 -3.313,2.593 0,1.782 1.368,2.718 3.385,2.718 0.738,0 1.98,-0.108 2.737,-0.396 0.306,-0.126 0.432,-0.27 0.378,-0.54 L 3.205,7.563 C 3.151,7.311 3.043,7.274 2.719,7.311 1.944,7.4 0.936,7.509 0.27,7.509 -0.882,7.509 -1.152,7.185 -1.152,6.5 -1.152,5.798 -0.72,5.708 0.378,5.528 2.088,5.276 3.637,4.934 3.637,2.791 3.637,0.685 1.854,0 0,0"
inkscape:connector-curvature="0" />
</g>
<g
transform="translate(131.147,58.9453)"
id="g4161">
<path
id="path4163"
style="fill:#5a5758;fill-opacity:1;fill-rule:nonzero;stroke:none"
d="m 0,0 c -0.9,0 -2.107,0.127 -2.791,0.396 -0.36,0.145 -0.432,0.307 -0.378,0.595 l 0.126,0.594 c 0.054,0.288 0.18,0.306 0.468,0.27 0.792,-0.126 1.945,-0.216 2.557,-0.216 1.152,0 1.621,0.306 1.621,1.026 0,0.828 -0.307,1.009 -1.441,1.171 -1.765,0.252 -3.313,0.63 -3.313,2.593 0,1.782 1.368,2.718 3.385,2.718 0.738,0 1.98,-0.108 2.737,-0.396 0.306,-0.126 0.432,-0.27 0.378,-0.54 L 3.205,7.563 C 3.151,7.311 3.043,7.274 2.719,7.311 1.944,7.4 0.936,7.509 0.27,7.509 -0.882,7.509 -1.152,7.185 -1.152,6.5 -1.152,5.798 -0.72,5.708 0.378,5.528 2.088,5.276 3.637,4.934 3.637,2.791 3.637,0.685 1.854,0 0,0"
inkscape:connector-curvature="0" />
</g>
<g
transform="translate(137.9512,59.4316)"
id="g4165">
<path
id="path4167"
style="fill:#5a5758;fill-opacity:1;fill-rule:nonzero;stroke:none"
d="m 0,0 c 0,-0.197 -0.072,-0.342 -0.324,-0.342 l -1.279,0 c -0.251,0 -0.36,0.109 -0.36,0.342 l 0,8.139 c 0,0.252 0.109,0.341 0.36,0.341 l 1.279,0 C -0.072,8.48 0,8.337 0,8.139 L 0,0 z m -0.954,9.777 c -0.937,0 -1.063,0.523 -1.063,1.044 0,0.576 0.199,1.027 1.063,1.027 0.882,0 1.062,-0.414 1.062,-1.027 0,-0.557 -0.162,-1.044 -1.062,-1.044"
inkscape:connector-curvature="0" />
</g>
<g
transform="translate(143.1533,66.3643)"
id="g4169">
<path
id="path4171"
style="fill:#5a5758;fill-opacity:1;fill-rule:nonzero;stroke:none"
d="m 0,0 c -1.53,0 -1.872,-0.973 -1.872,-2.845 0,-1.909 0.342,-2.845 1.854,-2.845 1.639,0 1.963,0.919 1.963,2.845 C 1.945,-0.937 1.639,0 0,0 m -0.018,-7.419 c -3.619,0 -3.853,2.648 -3.853,4.7 0,1.693 0.378,4.448 3.853,4.448 3.494,0 3.98,-2.324 3.98,-4.448 0,-2.052 -0.253,-4.7 -3.98,-4.7"
inkscape:connector-curvature="0" />
</g>
<g
transform="translate(155.4307,59.0898)"
id="g4173">
<path
id="path4175"
style="fill:#5a5758;fill-opacity:1;fill-rule:nonzero;stroke:none"
d="M 0,0 -1.296,0 C -1.53,0 -1.638,0.108 -1.638,0.342 l 0.018,5.059 c 0,1.063 -0.252,1.765 -1.297,1.765 -0.72,0 -1.98,-0.576 -2.466,-0.811 l 0,-6.013 C -5.383,0.126 -5.474,0 -5.726,0 l -1.278,0 c -0.252,0 -0.342,0.108 -0.342,0.342 l 0,8.121 c 0,0.233 0.09,0.359 0.342,0.359 l 1.278,0 c 0.252,0 0.343,-0.126 0.343,-0.359 l 0,-0.541 c 0.018,0 0.035,-0.018 0.054,-0.018 0.666,0.468 1.927,1.08 3.024,1.08 2.431,0 2.648,-1.602 2.648,-3.421 l 0,-5.221 C 0.343,0.126 0.271,0 0,0"
inkscape:connector-curvature="0" />
</g>
</g>
</g>
</g>
</g>
<text
style="font-size:39.0313797px;fill:#aa0000;stroke:none"
y="-7263.3813"
x="-3966.4153"
id="text3415-6">
<tspan
id="tspan3514"
y="-7263.3813"
sodipodi:role="line"
x="-3966.4153"
style="font-size:85px;font-variant:normal;font-weight:bold;font-stretch:normal;text-align:center;writing-mode:lr-tb;text-anchor:middle;fill:#aa0000;fill-opacity:1;fill-rule:nonzero;stroke:none;font-family:Arial;-inkscape-font-specification:Arial" />
<tspan
id="tspan3111"
y="-7157.1313"
sodipodi:role="line"
x="-3966.4153"
style="font-size:85px;font-variant:normal;font-weight:bold;font-stretch:normal;text-align:center;writing-mode:lr-tb;text-anchor:middle;fill:#aa0000;fill-opacity:1;fill-rule:nonzero;stroke:none;font-family:Arial;-inkscape-font-specification:Arial">JRC Petten</tspan>
</text>
<image
y="-7222.2139"
x="-3735.2415"
id="image3970"
xlink:href="data:image/png;base64,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
jobfx7SbAAAAAElFTkSuQmCC
"
preserveAspectRatio="none"
height="410"
width="347.96054" />
</g>
</svg>
Side by side

Before

Width:  |  Height:  |  Size: 65 KiB

1935
public/assets/images/Prosumer_section/Cnsmr_fig2.svg
View file

File diff suppressed because it is too large Load diff
Side by side

Before

Width:  |  Height:  |  Size: 142 KiB

BIN
public/assets/images/Prosumer_section/Prosumer_gif_m1.gif
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 782 KiB

BIN
public/assets/images/Prosumer_section/Prosumer_gif_m2.gif
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 2.1 MiB

343
public/assets/images/RWTH.svg
View file

File diff suppressed because one or more lines are too long
Side by side

Before

Width:  |  Height:  |  Size: 31 KiB

BIN
public/assets/images/TS_DS_grid_withSimulators.png
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 279 KiB

10054
public/assets/images/TS_DS_grid_withSimulators_web.svg
View file

File diff suppressed because one or more lines are too long
Side by side

Before

Width:  |  Height:  |  Size: 1.7 MiB

474
public/assets/images/TS_section/TS_fig1.svg
View file

File diff suppressed because one or more lines are too long
Side by side

Before

Width:  |  Height:  |  Size: 51 KiB

BIN
public/assets/images/TS_section/TSmap_m1.gif
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 904 KiB

BIN
public/assets/images/TS_section/TSmap_m2.gif
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 904 KiB

600
public/assets/images/Title_section/Logo1_EU.svg
View file

@ -1,600 +0,0 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
width="331.22711"
height="229.34351"
id="svg3921"
version="1.1"
inkscape:version="0.48.0 r9654"
sodipodi:docname="Neues Dokument 3">
<defs
id="defs3923">
<clipPath
id="clipPath3943"
clipPathUnits="userSpaceOnUse">
<path
id="path3945"
d="m 0,283.465 283.465,0 L 283.465,0 0,0 0,283.465 z"
inkscape:connector-curvature="0" />
</clipPath>
</defs>
<sodipodi:namedview
id="base"
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1.0"
inkscape:pageopacity="0.0"
inkscape:pageshadow="2"
inkscape:zoom="0.35"
inkscape:cx="824.18499"
inkscape:cy="-11.042533"
inkscape:document-units="px"
inkscape:current-layer="layer1"
showgrid="false"
fit-margin-top="0"
fit-margin-left="0"
fit-margin-right="0"
fit-margin-bottom="0"
inkscape:window-width="1680"
inkscape:window-height="988"
inkscape:window-x="-8"
inkscape:window-y="-8"
inkscape:window-maximized="1" />
<metadata
id="metadata3926">
<rdf:RDF>
<cc:Work
rdf:about="">
<dc:format>image/svg+xml</dc:format>
<dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
<dc:title></dc:title>
</cc:Work>
</rdf:RDF>
</metadata>
<g
inkscape:label="Ebene 1"
inkscape:groupmode="layer"
id="layer1"
transform="translate(474.185,-291.97615)">
<g
transform="matrix(1.25,0,0,-1.25,-487.24787,575.99465)"
inkscape:label="logo_ce-en-quadri"
id="g3937">
<g
id="g3939">
<g
clip-path="url(#clipPath3943)"
id="g3941">
<g
transform="translate(10.4507,179.0083)"
id="g3947">
<path
id="path3949"
style="fill:#bdbcbc;fill-opacity:1;fill-rule:nonzero;stroke:none"
d="m 0,0 c 0,0 78.509,10.158 80.727,10.521 3.397,0.553 6.415,1.202 9.23,1.981 6.35,1.739 12.195,4.394 17.37,7.891 4.961,3.328 9.576,8.168 14.151,13.478 2.909,3.379 5.964,7.784 8.814,12.036 l 0,2.051 C 126.911,42.954 123.58,38.642 120.155,34.835 115.616,29.782 110.854,25.649 106,22.548 100.991,19.322 95.353,16.914 89.241,15.39 86.502,14.7 83.569,14.141 80.272,13.681 78.099,13.376 75.859,13.141 73.694,12.913 72.829,12.822 0,5.097 0,5.097 L 0,0 z"
inkscape:connector-curvature="0" />
</g>
<g
transform="translate(115.7349,192.1714)"
id="g3951">
<path
id="path3953"
style="fill:#bdbcbc;fill-opacity:1;fill-rule:nonzero;stroke:none"
d="m 0,0 c -4.914,-2.826 -10.59,-4.894 -16.869,-6.147 -2.682,-0.541 -5.604,-0.981 -8.938,-1.345 -1.957,-0.212 -3.929,-0.383 -5.904,-0.553 -1.066,-0.092 -2.131,-0.184 -3.193,-0.282 -24.059,-2.157 -47.995,-4.452 -70.38,-6.625 l 0,-5.092 c 22.561,2.721 46.663,5.602 70.714,8.323 1.07,0.126 2.14,0.244 3.211,0.361 1.97,0.217 3.942,0.435 5.921,0.695 3.423,0.456 6.417,0.979 9.154,1.6 6.523,1.458 12.416,3.761 17.508,6.843 5.061,3.037 9.533,7.29 14.342,12.491 2.994,3.237 6.325,7.805 9.442,12.097 l 0,1.868 C 21.336,19.253 17.852,15.069 14.403,11.5 9.708,6.637 4.863,2.769 0,0"
inkscape:connector-curvature="0" />
</g>
<g
transform="translate(129.4746,193.4189)"
id="g3955">
<path
id="path3957"
style="fill:#bdbcbc;fill-opacity:1;fill-rule:nonzero;stroke:none"
d="m 0,0 c -4.791,-4.393 -9.792,-7.849 -14.867,-10.271 -4.962,-2.394 -10.515,-4.073 -16.978,-5.136 -2.667,-0.442 -5.567,-0.803 -8.861,-1.103 l -78.318,-6.43 0,-5.082 69.618,7.386 9.008,0.948 c 3.392,0.391 6.352,0.831 9.045,1.344 6.694,1.262 12.436,3.151 17.552,5.769 5.23,2.645 10.456,7.045 15.314,11.704 3.261,3.124 6.4,7.159 9.755,11.391 l 0,1.693 C 7.393,7.397 3.693,3.383 0,0"
inkscape:connector-curvature="0" />
</g>
<g
transform="translate(110.5361,167.0308)"
id="g3959">
<path
id="path3961"
style="fill:#bdbcbc;fill-opacity:1;fill-rule:nonzero;stroke:none"
d="m 0,0 c -4.559,-2.551 -7.969,-4.021 -14.48,-4.7 -3.935,-0.423 -7.98,-0.625 -11.893,-0.82 -1.893,-0.094 -3.789,-0.188 -5.681,-0.308 -11.832,-0.676 -23.451,-1.425 -35.305,-2.198 l -32.726,-2.204 0,-5.081 33.053,3.033 c 10.68,0.958 23.092,2.062 35.209,3.051 l 8.807,0.682 c 3.439,0.264 6.259,0.545 8.871,0.885 6.7,0.865 12.423,2.218 17.494,4.135 5.461,2.042 10.61,5.212 15.767,8.939 4.649,3.36 11.083,9.986 11.091,10.073 l 0,1.795 C 26,13.178 23.578,10.874 18.974,7.84 13.471,4.214 4.088,2.287 0,0"
inkscape:connector-curvature="0" />
</g>
<g
transform="translate(112.2012,157.3735)"
id="g3963">
<path
id="path3965"
style="fill:#bdbcbc;fill-opacity:1;fill-rule:nonzero;stroke:none"
d="m 0,0 c -4.941,-1.448 -10.502,-2.428 -17.001,-2.997 -2.633,-0.228 -5.473,-0.402 -8.684,-0.532 l -8.76,-0.384 c -21.767,-1.011 -43.428,-2.142 -67.305,-3.405 l 0,-5.069 c 22.808,1.765 45.16,3.483 67.503,5.073 l 8.734,0.596 c 3.372,0.221 6.167,0.462 8.797,0.759 6.663,0.745 12.362,1.895 17.419,3.513 5.606,1.776 11.07,4.35 16.24,7.651 3.818,2.431 7.637,5.328 11.599,8.787 l 0,0.088 C 24.175,10.354 20.015,9.527 15.868,7.023 10.79,3.947 5.452,1.584 0,0"
inkscape:connector-curvature="0" />
</g>
<g
transform="translate(111.3936,148.9546)"
id="g3967">
<path
id="path3969"
style="fill:#bdbcbc;fill-opacity:1;fill-rule:nonzero;stroke:none"
d="m 0,0 c -4.977,-1.163 -10.369,-1.912 -16.974,-2.354 -2.547,-0.17 -5.285,-0.298 -8.62,-0.402 l -8.676,-0.308 c -21.86,-0.827 -44.025,-1.777 -66.673,-2.76 l 0,-5.066 c 22.502,1.534 44.577,3.029 66.844,4.422 l 8.656,0.519 c 3.394,0.193 6.16,0.391 8.701,0.622 6.727,0.621 12.231,1.525 17.32,2.843 5.71,1.471 11.26,3.627 16.498,6.408 4.049,2.147 8.088,4.728 12.273,7.835 l 0,2.166 C 24.826,10.658 20.487,7.996 16.143,5.824 11.001,3.25 5.571,1.291 0,0"
inkscape:connector-curvature="0" />
</g>
<g
transform="translate(110.6523,140.7002)"
id="g3971">
<path
id="path3973"
style="fill:#bdbcbc;fill-opacity:1;fill-rule:nonzero;stroke:none"
d="m 0,0 c -4.993,-0.915 -10.371,-1.498 -16.926,-1.837 -2.466,-0.127 -5.104,-0.218 -8.556,-0.296 l -74.72,-2.024 0,-5.061 66.259,3.458 8.584,0.436 c 3.349,0.158 6.089,0.32 8.623,0.515 6.645,0.508 12.112,1.239 17.202,2.303 5.779,1.199 11.387,2.951 16.67,5.202 4.254,1.804 8.516,4.005 12.954,6.681 l 0,2.033 C 25.348,8.652 20.839,6.438 16.362,4.667 11.153,2.597 5.648,1.027 0,0"
inkscape:connector-curvature="0" />
</g>
<g
transform="translate(110.0659,132.4102)"
id="g3975">
<path
id="path3977"
style="fill:#bdbcbc;fill-opacity:1;fill-rule:nonzero;stroke:none"
d="m 0,0 c -9.168,-1.223 -18.607,-1.363 -27.735,-1.499 -2.092,-0.03 -4.185,-0.063 -6.275,-0.105 l -65.605,-1.183 0,-5.054 65.719,2.831 c 2.083,0.095 4.17,0.178 6.259,0.262 9.192,0.368 18.698,0.747 27.99,2.223 5.883,0.926 11.543,2.298 16.825,4.075 4.375,1.464 8.908,3.359 13.499,5.6 l 0,1.94 C 25.852,6.843 21.107,4.976 16.551,3.576 11.331,1.965 5.763,0.761 0,0"
inkscape:connector-curvature="0" />
</g>
<g
transform="translate(109.5449,124.0684)"
id="g3979">
<path
id="path3981"
style="fill:#bdbcbc;fill-opacity:1;fill-rule:nonzero;stroke:none"
d="m 0,0 c -8.591,-0.709 -17.382,-0.71 -25.886,-0.71 -2.645,0 -5.29,-0.001 -7.935,-0.022 -21.734,-0.095 -43.296,-0.273 -65.273,-0.464 l 0,-5.056 c 20.932,0.711 43.14,1.453 65.347,2.112 2.636,0.088 5.273,0.155 7.913,0.223 8.549,0.215 17.389,0.439 26.067,1.378 6.064,0.65 11.58,1.603 16.866,2.911 4.61,1.133 9.344,2.644 14.099,4.46 l 0,1.857 C 26.29,4.928 21.398,3.489 16.636,2.442 11.402,1.287 5.959,0.488 0,0"
inkscape:connector-curvature="0" />
</g>
<g
transform="translate(109.2129,115.8447)"
id="g3983">
<path
id="path3985"
style="fill:#bdbcbc;fill-opacity:1;fill-rule:nonzero;stroke:none"
d="m 0,0 c -3.579,-0.142 -7.455,-0.209 -11.851,-0.209 -1.661,0 -3.322,0.01 -4.979,0.024 l -16.909,0.206 c -11.538,0.086 -23.032,0.105 -33.816,0.115 l -31.207,-0.03 0,-5.053 31.282,0.819 c 10.744,0.264 22.272,0.536 33.773,0.745 l 16.895,0.222 c 4.635,0.073 10.751,0.209 16.946,0.616 6.071,0.394 11.595,0.998 16.89,1.844 4.766,0.763 9.635,1.788 14.506,3.029 l 0,1.794 C 26.525,2.969 21.552,2.047 16.726,1.401 11.461,0.695 5.99,0.238 0,0"
inkscape:connector-curvature="0" />
</g>
<g
transform="translate(92.1865,107.8984)"
id="g3987">
<path
id="path3989"
style="fill:#bdbcbc;fill-opacity:1;fill-rule:nonzero;stroke:none"
d="m 0,0 -16.852,0.181 c -21.497,0.302 -42.975,0.695 -64.884,1.104 l 0,-5.056 c 20.913,0.138 43.062,0.297 64.9,0.543 l 16.86,0.25 c 5.682,0.097 11.246,0.201 16.872,0.388 11.584,0.372 21.962,1.187 31.66,2.47 l 0,1.758 C 38.821,0.591 28.428,0.038 16.836,-0.037 11.228,-0.087 5.614,-0.047 0,0"
inkscape:connector-curvature="0" />
</g>
<g
transform="translate(140.7427,98.959)"
id="g3991">
<path
id="path3993"
style="fill:#bdbcbc;fill-opacity:1;fill-rule:nonzero;stroke:none"
d="m 0,0 -130.292,3.304 0,-5.053 L 0,-1.749 0,0 z"
inkscape:connector-curvature="0" />
</g>
<g
transform="translate(129.0107,183.8701)"
id="g3995">
<path
id="path3997"
style="fill:#bdbcbc;fill-opacity:1;fill-rule:nonzero;stroke:none"
d="m 0,0 c -4.949,-3.975 -8.772,-6.8 -14.83,-9.207 -5.275,-2.096 -10.941,-2.955 -17.415,-3.837 -4.166,-0.584 -8.52,-1.447 -12.679,-1.724 -1.71,-0.115 -3.421,-0.228 -5.127,-0.362 l -68.509,-4.993 0,-5.073 68.786,6.67 8.918,0.836 c 3.308,0.313 6.244,0.677 8.977,1.118 6.666,1.07 12.41,2.704 17.558,4.996 5.342,2.356 10.747,6.214 15.77,10.44 3.418,2.869 6.705,6.481 10.283,10.425 l 0,1.818 C 7.404,6.634 3.817,3.06 0,0"
inkscape:connector-curvature="0" />
</g>
<path
id="path3999"
style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none"
d="m 64.606,48.754 114.129,0 0,50.754 -114.129,0 0,-50.754 z"
inkscape:connector-curvature="0" />
<path
id="path4001"
style="fill:#254aa5;fill-opacity:1;fill-rule:nonzero;stroke:none"
d="m 178.757,173.571 -114.15,0 0,-76.361 114.15,0 0,76.361 z"
inkscape:connector-curvature="0" />
<g
transform="translate(122.9189,162.7139)"
id="g4003">
<path
id="path4005"
style="fill:#fff200;fill-opacity:1;fill-rule:nonzero;stroke:none"
d="M 0,0 3.972,0 0.771,-2.494 2.015,-6.45 -1.174,-4.013 -4.363,-6.45 -3.106,-2.494 -6.333,0 -2.374,0 -1.174,3.858 0,0 z"
inkscape:connector-curvature="0" />
</g>
<g
transform="translate(123.0586,111.79)"
id="g4007">
<path
id="path4009"
style="fill:#fff200;fill-opacity:1;fill-rule:nonzero;stroke:none"
d="M 0,0 3.978,0 0.776,-2.405 2.02,-6.207 -1.168,-3.864 -4.357,-6.207 -3.101,-2.405 -6.333,0 -2.368,0 -1.168,3.712 0,0 z"
inkscape:connector-curvature="0" />
</g>
<g
transform="translate(135.6553,115.1621)"
id="g4011">
<path
id="path4013"
style="fill:#fff200;fill-opacity:1;fill-rule:nonzero;stroke:none"
d="M 0,0 3.979,0 0.777,-2.398 2.021,-6.207 -1.168,-3.857 -4.356,-6.207 -3.1,-2.398 -6.333,0 -2.368,0 -1.168,3.713 0,0 z"
inkscape:connector-curvature="0" />
</g>
<g
transform="translate(135.6553,159.3169)"
id="g4015">
<path
id="path4017"
style="fill:#fff200;fill-opacity:1;fill-rule:nonzero;stroke:none"
d="M 0,0 3.979,0 0.777,-2.399 2.021,-6.207 -1.168,-3.861 -4.356,-6.207 -3.1,-2.399 -6.333,0 -2.368,0 -1.168,3.712 0,0 z"
inkscape:connector-curvature="0" />
</g>
<g
transform="translate(145.0078,149.9653)"
id="g4019">
<path
id="path4021"
style="fill:#fff200;fill-opacity:1;fill-rule:nonzero;stroke:none"
d="M 0,0 3.971,0 0.77,-2.396 2.014,-6.207 -1.175,-3.861 -4.357,-6.207 -3.101,-2.396 -6.334,0 -2.375,0 -1.175,3.713 0,0 z"
inkscape:connector-curvature="0" />
</g>
<g
transform="translate(145.0078,124.3867)"
id="g4023">
<path
id="path4025"
style="fill:#fff200;fill-opacity:1;fill-rule:nonzero;stroke:none"
d="m 0,0 3.971,0 -3.201,-2.406 1.244,-3.807 -3.189,2.35 -3.182,-2.35 1.256,3.807 L -6.334,0 -2.375,0 -1.175,3.713 0,0 z"
inkscape:connector-curvature="0" />
</g>
<g
transform="translate(148.5117,137.3711)"
id="g4027">
<path
id="path4029"
style="fill:#fff200;fill-opacity:1;fill-rule:nonzero;stroke:none"
d="M 0,0 3.979,0 0.776,-2.4 2.02,-6.209 -1.169,-3.859 -4.357,-6.209 -3.101,-2.4 -6.333,0 -2.374,0 -1.169,3.71 0,0 z"
inkscape:connector-curvature="0" />
</g>
<g
transform="translate(110.0762,159.2856)"
id="g4031">
<path
id="path4033"
style="fill:#fff200;fill-opacity:1;fill-rule:nonzero;stroke:none"
d="M 0,0 3.971,0 0.77,-2.403 2.014,-6.21 -1.175,-3.861 -4.364,-6.21 -3.106,-2.403 -6.333,0 -2.374,0 -1.175,3.712 0,0 z"
inkscape:connector-curvature="0" />
</g>
<g
transform="translate(100.9834,149.9341)"
id="g4035">
<path
id="path4037"
style="fill:#fff200;fill-opacity:1;fill-rule:nonzero;stroke:none"
d="M 0,0 3.978,0 0.776,-2.399 2.014,-6.208 -1.168,-3.861 -4.357,-6.208 -3.104,-2.399 -6.333,0 -2.368,0 -1.168,3.712 0,0 z"
inkscape:connector-curvature="0" />
</g>
<g
transform="translate(97.6084,137.3398)"
id="g4039">
<path
id="path4041"
style="fill:#fff200;fill-opacity:1;fill-rule:nonzero;stroke:none"
d="M 0,0 3.975,0 0.773,-2.401 2.017,-6.209 -1.171,-3.866 -4.36,-6.209 -3.104,-2.401 -6.331,0 l 3.96,0 1.2,3.709 L 0,0 z"
inkscape:connector-curvature="0" />
</g>
<g
transform="translate(100.9834,124.3555)"
id="g4043">
<path
id="path4045"
style="fill:#fff200;fill-opacity:1;fill-rule:nonzero;stroke:none"
d="M 0,0 3.978,0 0.776,-2.405 2.014,-6.213 -1.168,-3.865 -4.357,-6.213 -3.104,-2.405 -6.333,0 -2.368,0 -1.168,3.707 0,0 z"
inkscape:connector-curvature="0" />
</g>
<g
transform="translate(110.209,115.1309)"
id="g4047">
<path
id="path4049"
style="fill:#fff200;fill-opacity:1;fill-rule:nonzero;stroke:none"
d="M 0,0 3.971,0 0.77,-2.4 2.007,-6.207 -1.175,-3.858 -4.364,-6.207 -3.107,-2.4 -6.333,0 -2.375,0 -1.175,3.713 0,0 z"
inkscape:connector-curvature="0" />
</g>
<path
id="path4051"
style="fill:#254aa5;fill-opacity:1;fill-rule:nonzero;stroke:none"
d="m 64.606,43.74 114.159,0 0,6.517 -114.159,0 0,-6.517 z"
inkscape:connector-curvature="0" />
<g
transform="translate(195.001,227.2148)"
id="g4053">
<path
id="path4055"
style="fill:#bdbcbc;fill-opacity:1;fill-rule:nonzero;stroke:none"
d="m 0,0 c 0,0 23.802,-37.064 28.153,-43.878 4.351,-6.811 9.326,-12.201 26.936,-15.862 17.61,-3.66 25.276,-5.389 25.276,-5.389 l 0,-1.322 c 0,0 -11.189,2.339 -25.588,5.491 -14.398,3.152 -20.284,4.213 -26.848,13.165 C 22.467,-40.344 0,-8.682 0,-8.682 L 0,0 z"
inkscape:connector-curvature="0" />
</g>
<g
transform="translate(195.001,216.6758)"
id="g4057">
<path
id="path4059"
style="fill:#bdbcbc;fill-opacity:1;fill-rule:nonzero;stroke:none"
d="m 0,0 c 0,0 24.595,-35.236 27.858,-39.555 3.265,-4.318 7.663,-11.281 27.102,-15.39 5.019,-1.06 25.471,-5.084 25.471,-5.084 l 0,-1.114 c 0,0 -15.539,2.995 -25.471,5.084 -9.933,2.09 -20.371,3.996 -27.031,12.396 -6.049,7.63 -27.976,35.77 -27.976,35.77 L 0,0 z"
inkscape:connector-curvature="0" />
</g>
<g
transform="translate(195.001,206.0908)"
id="g4061">
<path
id="path4063"
style="fill:#bdbcbc;fill-opacity:1;fill-rule:nonzero;stroke:none"
d="m 0,0 c 0,0 23.176,-29.944 27.858,-35.933 4.683,-5.989 11.139,-10.934 27.102,-13.998 9.204,-1.767 25.398,-4.736 25.398,-4.736 l 0,-1.113 c 0,0 -14.188,2.646 -25.398,4.666 -11.21,2.019 -20.467,3.972 -27.102,11.421 -5.82,6.534 -27.905,32.218 -27.905,32.218 L 0,0 z"
inkscape:connector-curvature="0" />
</g>
<g
transform="translate(194.9551,195.6914)"
id="g4065">
<path
id="path4067"
style="fill:#bdbcbc;fill-opacity:1;fill-rule:nonzero;stroke:none"
d="m 0,0 c 0,0 23.463,-27.165 27.975,-32.01 7.026,-7.545 10.43,-10.145 27.031,-13.301 6.641,-1.263 25.398,-4.527 25.398,-4.527 l 0,-1.184 c 0,0 -15.536,2.786 -25.398,4.527 -9.861,1.741 -18.208,2.391 -27.102,10.933 C 21.128,-29.053 0.046,-7.01 0.046,-7.01 L 0,0 z"
inkscape:connector-curvature="0" />
</g>
<g
transform="translate(195.001,184.874)"
id="g4069">
<path
id="path4071"
style="fill:#bdbcbc;fill-opacity:1;fill-rule:nonzero;stroke:none"
d="m 0,0 c 0,0 21.666,-22.255 27.929,-28.645 6.646,-6.777 15.16,-9.284 26.96,-11.351 11.264,-1.971 25.469,-4.247 25.469,-4.247 l 0,-1.254 c 0,0 -13.338,2.143 -25.469,4.178 -11.895,1.997 -20.219,3.111 -27.031,9.263 C 21.759,-26.547 0,-6.546 0,-6.546 L 0,0 z"
inkscape:connector-curvature="0" />
</g>
<g
transform="translate(195.001,174.8462)"
id="g4073">
<path
id="path4075"
style="fill:#bdbcbc;fill-opacity:1;fill-rule:nonzero;stroke:none"
d="m 0,0 c 0,0 20.604,-18.755 27.929,-25.163 6.741,-5.896 12.204,-7.73 27.031,-10.306 14.829,-2.577 25.398,-4.178 25.398,-4.178 l 0,-1.323 c 0,0 -13.408,2.158 -25.469,4.039 -12.061,1.88 -19.746,2.623 -26.96,8.356 C 19.603,-21.955 0,-6.128 0,-6.128 L 0,0 z"
inkscape:connector-curvature="0" />
</g>
<g
transform="translate(194.9541,164.1216)"
id="g4077">
<path
id="path4079"
style="fill:#bdbcbc;fill-opacity:1;fill-rule:nonzero;stroke:none"
d="m 0,0 c 0,0 23.507,-18.268 27.905,-21.472 4.399,-3.202 10.217,-6.94 27.102,-9.331 16.744,-2.371 25.328,-3.551 25.328,-3.551 l 0,-1.394 c 0,0 -15.182,2.161 -25.328,3.413 -10.146,1.254 -17.925,1.786 -27.031,7.73 C 19.112,-18.819 0.047,-5.663 0.047,-5.663 L 0,0 z"
inkscape:connector-curvature="0" />
</g>
<g
transform="translate(194.9541,153.8618)"
id="g4081">
<path
id="path4083"
style="fill:#bdbcbc;fill-opacity:1;fill-rule:nonzero;stroke:none"
d="m 0,0 c 0,0 23.576,-15.39 28.047,-17.828 4.471,-2.436 9.721,-6.406 26.96,-8.565 17.24,-2.159 25.328,-3.133 25.328,-3.133 l 0,-1.323 c 0,0 -14.26,1.531 -25.399,2.715 -11.139,1.184 -18.729,2.786 -27.031,7.242 C 19.604,-16.435 0.047,-5.246 0.047,-5.246 L 0,0 z"
inkscape:connector-curvature="0" />
</g>
<g
transform="translate(195.001,143.6016)"
id="g4085">
<path
id="path4087"
style="fill:#bdbcbc;fill-opacity:1;fill-rule:nonzero;stroke:none"
d="m 0,0 c 0,0 20.867,-11.125 27.929,-14.6 7.877,-3.877 14.687,-5.733 27.031,-7.172 12.121,-1.416 25.398,-2.787 25.398,-2.787 l 0,-1.254 c 0,0 -12.276,1.29 -25.398,2.507 -13.007,1.208 -17.641,1.764 -27.031,5.849 -8.398,3.653 -27.975,12.582 -27.975,12.582 L 0,0 z"
inkscape:connector-curvature="0" />
</g>
<g
transform="translate(195.001,133.1563)"
id="g4089">
<path
id="path4091"
style="fill:#bdbcbc;fill-opacity:1;fill-rule:nonzero;stroke:none"
d="m 0,0 c 0,0 16.413,-6.891 28,-11.397 11.399,-4.433 20.103,-4.806 27.031,-5.572 3.051,-0.337 25.257,-2.576 25.257,-2.576 l 0,-1.252 c 0,0 -13.267,1.043 -25.328,2.087 -12.062,1.044 -17.264,1.486 -27.031,4.666 -9.883,3.216 -27.976,9.401 -27.976,9.401 L 0,0 z"
inkscape:connector-curvature="0" />
</g>
<g
transform="translate(195.001,122.5713)"
id="g4093">
<path
id="path4095"
style="fill:#bdbcbc;fill-opacity:1;fill-rule:nonzero;stroke:none"
d="m 0,0 c 0,0 16.648,-5.061 28,-7.985 11.352,-2.925 21.781,-4.11 27.031,-4.456 5.25,-0.35 25.257,-1.95 25.257,-1.95 l 0,-1.185 c 0,0 -11.346,0.763 -25.328,1.741 -11.304,0.789 -20.385,1.625 -27.031,3.064 -7.366,1.594 -27.975,6.408 -27.975,6.408 L 0,0 z"
inkscape:connector-curvature="0" />
</g>
<g
transform="translate(194.9551,112.125)"
id="g4097">
<path
id="path4099"
style="fill:#bdbcbc;fill-opacity:1;fill-rule:nonzero;stroke:none"
d="m 0,0 c 0,0 13.661,-2.304 28.046,-4.642 10.784,-1.752 25.399,-2.856 26.96,-2.925 1.561,-0.07 25.398,-1.672 25.398,-1.672 l 0,-1.252 c 0,0 -15.256,0.773 -25.398,1.322 -10.565,0.572 -21.066,1.2 -27.031,1.811 C 14.615,-5.991 0,-4.178 0,-4.178 L 0,0 z"
inkscape:connector-curvature="0" />
</g>
<g
transform="translate(195.001,101.3096)"
id="g4101">
<path
id="path4103"
style="fill:#bdbcbc;fill-opacity:1;fill-rule:nonzero;stroke:none"
d="M 0,0 C 0,0 21.474,-0.791 28,-0.931 34.527,-1.069 80.358,-2.88 80.358,-2.88 l 0,-1.254 L 0,-4.087 0,0 z"
inkscape:connector-curvature="0" />
</g>
<g
transform="translate(71.2783,89.6855)"
id="g4105">
<path
id="path4107"
style="fill:#5a5758;fill-opacity:1;fill-rule:nonzero;stroke:none"
d="m 0,0 c 0,0.233 0.108,0.359 0.36,0.359 l 6.626,0 c 0.216,0 0.342,-0.126 0.342,-0.341 l 0,-1.117 c 0,-0.215 -0.09,-0.324 -0.36,-0.324 l -4.915,0 0,-3.097 4.357,0 c 0.234,0 0.36,-0.108 0.36,-0.324 l 0,-1.116 c 0,-0.216 -0.09,-0.324 -0.36,-0.324 l -4.357,0 0,-3.547 5.041,0 c 0.216,0 0.324,-0.108 0.324,-0.342 l 0,-1.098 c 0,-0.235 -0.09,-0.325 -0.342,-0.325 l -6.716,0 c -0.252,0 -0.36,0.109 -0.36,0.325 L 0,0 z"
inkscape:connector-curvature="0" />
</g>
<g
transform="translate(87.0483,78.0898)"
id="g4109">
<path
id="path4111"
style="fill:#5a5758;fill-opacity:1;fill-rule:nonzero;stroke:none"
d="m 0,0 -1.279,0 c -0.27,0 -0.342,0.126 -0.342,0.342 l 0,0.558 -0.036,0.018 c -0.702,-0.486 -1.926,-1.08 -3.025,-1.08 -2.43,0 -2.664,1.44 -2.664,3.331 l 0,5.294 c 0,0.216 0.09,0.359 0.342,0.359 l 1.314,0 c 0.234,0 0.324,-0.126 0.324,-0.359 l 0,-5.06 c 0,-1.081 0.216,-1.764 1.315,-1.764 0.774,0 1.962,0.576 2.43,0.81 l 0,6.014 c 0,0.216 0.072,0.359 0.342,0.359 l 1.279,0 c 0.252,0 0.342,-0.126 0.342,-0.359 l 0,-8.121 C 0.342,0.108 0.252,0 0,0"
inkscape:connector-curvature="0" />
</g>
<g
transform="translate(90.8984,78.4316)"
id="g4113">
<path
id="path4115"
style="fill:#5a5758;fill-opacity:1;fill-rule:nonzero;stroke:none"
d="m 0,0 c 0,-0.216 -0.09,-0.342 -0.342,-0.342 l -1.296,0 c -0.253,0 -0.342,0.109 -0.342,0.342 l 0,8.121 c 0,0.233 0.089,0.359 0.342,0.359 l 1.278,0 C -0.09,8.48 0,8.337 0,8.121 L 0,7.328 0.036,7.293 c 0.54,0.504 1.818,1.116 2.665,1.278 0.234,0.054 0.396,0 0.432,-0.306 L 3.259,7.059 C 3.277,6.807 3.295,6.698 2.917,6.626 1.909,6.428 0.63,6.068 0,5.798 L 0,0 z"
inkscape:connector-curvature="0" />
</g>
<g
transform="translate(98.4771,85.3643)"
id="g4117">
<path
id="path4119"
style="fill:#5a5758;fill-opacity:1;fill-rule:nonzero;stroke:none"
d="m 0,0 c -1.531,0 -1.873,-0.973 -1.873,-2.845 0,-1.909 0.342,-2.845 1.855,-2.845 1.638,0 1.962,0.919 1.962,2.845 C 1.944,-0.937 1.638,0 0,0 m -0.018,-7.419 c -3.619,0 -3.854,2.648 -3.854,4.7 0,1.693 0.379,4.448 3.854,4.448 3.493,0 3.979,-2.324 3.979,-4.448 0,-2.052 -0.252,-4.7 -3.979,-4.7"
inkscape:connector-curvature="0" />
</g>
<g
transform="translate(107.8188,85.2559)"
id="g4121">
<path
id="path4123"
style="fill:#5a5758;fill-opacity:1;fill-rule:nonzero;stroke:none"
d="m 0,0 c -0.738,0 -1.873,-0.522 -2.413,-0.811 l 0,-4.501 c 0.81,-0.234 1.459,-0.305 2.071,-0.305 1.297,0 1.746,0.666 1.746,2.934 C 1.404,-0.396 0.955,0 0,0 m -0.144,-7.328 c -0.594,0 -1.422,0.108 -2.251,0.396 l -0.018,-0.018 0,-3.169 c 0,-0.198 -0.054,-0.36 -0.342,-0.36 l -1.278,0 c -0.288,0 -0.342,0.126 -0.342,0.36 l 0,11.416 c 0,0.233 0.09,0.359 0.342,0.359 l 1.278,0 c 0.253,0 0.324,-0.143 0.324,-0.359 l 0,-0.541 0.055,-0.035 c 0.647,0.45 1.8,1.08 2.844,1.08 2.359,0 2.971,-1.782 2.971,-4.502 0,-2.935 -0.738,-4.627 -3.583,-4.627"
inkscape:connector-curvature="0" />
</g>
<g
transform="translate(114.3701,83.3115)"
id="g4125">
<path
id="path4127"
style="fill:#5a5758;fill-opacity:1;fill-rule:nonzero;stroke:none"
d="M 0,0 3.565,0 C 3.565,1.099 3.277,2.16 1.783,2.16 0.45,2.16 0.09,1.351 0,0 m -0.018,-1.351 c 0.054,-1.818 0.703,-2.322 2.179,-2.322 0.648,0 1.656,0.126 2.34,0.197 0.325,0.037 0.433,0.037 0.487,-0.305 L 5.096,-4.375 C 5.149,-4.646 5.114,-4.79 4.79,-4.934 c -0.703,-0.27 -2.017,-0.45 -2.899,-0.45 -3.439,0 -3.944,2.196 -3.944,4.537 0,1.747 0.324,4.628 3.836,4.628 3.223,0 3.799,-2.089 3.853,-4.033 C 5.654,-0.9 5.474,-1.351 4.753,-1.351 l -4.771,0 z"
inkscape:connector-curvature="0" />
</g>
<g
transform="translate(126.377,82.1055)"
id="g4129">
<path
id="path4131"
style="fill:#5a5758;fill-opacity:1;fill-rule:nonzero;stroke:none"
d="m 0,0 -2.196,0 c -0.901,0 -1.477,-0.324 -1.477,-1.513 0,-0.792 0.27,-1.045 1.116,-1.045 0.775,0 1.873,0.451 2.557,0.847 L 0,0 z m 0.108,-2.989 c -0.9,-0.685 -2.107,-1.171 -3.313,-1.171 -1.908,0 -2.466,1.045 -2.466,2.557 -0.018,2.107 1.116,3.007 3.384,3.007 l 2.305,0 0,0.468 c 0,1.08 -0.396,1.458 -1.872,1.458 -0.595,0 -1.729,-0.09 -2.449,-0.161 -0.36,-0.055 -0.45,-0.036 -0.504,0.216 l -0.162,0.666 c -0.036,0.234 0.018,0.378 0.414,0.54 0.774,0.27 2.197,0.396 3.043,0.396 3.115,0 3.493,-1.278 3.493,-3.295 l 0,-3.475 c 0,-0.738 0.09,-0.756 0.648,-0.828 0.27,-0.018 0.342,-0.073 0.342,-0.27 l 0,-0.757 c 0,-0.198 -0.126,-0.324 -0.432,-0.378 -0.288,-0.053 -0.576,-0.089 -0.846,-0.089 -0.846,0 -1.369,0.251 -1.549,1.097 l -0.036,0.019 z"
inkscape:connector-curvature="0" />
</g>
<g
transform="translate(137.1953,78.0898)"
id="g4133">
<path
id="path4135"
style="fill:#5a5758;fill-opacity:1;fill-rule:nonzero;stroke:none"
d="M 0,0 -1.296,0 C -1.53,0 -1.638,0.108 -1.638,0.342 l 0.018,5.059 c 0,1.063 -0.252,1.765 -1.297,1.765 -0.72,0 -1.98,-0.576 -2.466,-0.811 l 0,-6.013 C -5.383,0.126 -5.473,0 -5.726,0 l -1.278,0 c -0.252,0 -0.342,0.108 -0.342,0.342 l 0,8.121 c 0,0.233 0.09,0.359 0.342,0.359 l 1.278,0 c 0.253,0 0.343,-0.126 0.343,-0.359 l 0,-0.541 c 0.018,0 0.036,-0.018 0.054,-0.018 0.666,0.468 1.926,1.08 3.025,1.08 2.43,0 2.647,-1.602 2.647,-3.421 l 0,-5.221 C 0.343,0.126 0.271,0 0,0"
inkscape:connector-curvature="0" />
</g>
<g
transform="translate(75.9775,71.1719)"
id="g4137">
<path
id="path4139"
style="fill:#5a5758;fill-opacity:1;fill-rule:nonzero;stroke:none"
d="M 0,0 C 0.882,0 2.341,-0.127 3.295,-0.522 3.583,-0.648 3.691,-0.793 3.637,-1.081 L 3.475,-1.819 c -0.054,-0.216 -0.144,-0.306 -0.468,-0.27 -0.882,0.108 -1.963,0.234 -2.899,0.234 -2.448,0 -2.809,-1.981 -2.809,-4.321 0,-2.359 0.451,-4.214 2.809,-4.214 1.044,0 1.927,0.109 2.899,0.235 0.342,0.036 0.414,-0.054 0.486,-0.288 l 0.144,-0.685 c 0.072,-0.288 -0.018,-0.45 -0.306,-0.576 -0.882,-0.378 -2.449,-0.54 -3.331,-0.54 -4.015,0 -4.861,2.971 -4.861,6.032 C -4.861,-3.134 -4.105,0 0,0"
inkscape:connector-curvature="0" />
</g>
<g
transform="translate(83.6992,66.3643)"
id="g4141">
<path
id="path4143"
style="fill:#5a5758;fill-opacity:1;fill-rule:nonzero;stroke:none"
d="m 0,0 c -1.531,0 -1.873,-0.973 -1.873,-2.845 0,-1.909 0.342,-2.845 1.855,-2.845 1.638,0 1.962,0.919 1.962,2.845 C 1.944,-0.937 1.638,0 0,0 m -0.018,-7.419 c -3.619,0 -3.853,2.648 -3.853,4.7 0,1.693 0.378,4.448 3.853,4.448 3.493,0 3.979,-2.324 3.979,-4.448 0,-2.052 -0.252,-4.7 -3.979,-4.7"
inkscape:connector-curvature="0" />
</g>
<g
transform="translate(101.27,59.0898)"
id="g4145">
<path
id="path4147"
style="fill:#5a5758;fill-opacity:1;fill-rule:nonzero;stroke:none"
d="m 0,0 -1.296,0 c -0.252,0 -0.343,0.108 -0.343,0.342 l 0,5.114 c 0,1.332 -0.323,1.71 -1.224,1.71 -0.666,0 -1.746,-0.522 -2.304,-0.811 0,-0.179 0.018,-0.503 0.018,-0.917 l 0,-5.096 C -5.149,0.126 -5.222,0 -5.492,0 L -6.806,0 C -7.04,0 -7.112,0.108 -7.112,0.342 l 0,5.204 c 0,1.098 -0.288,1.62 -1.188,1.62 -0.631,0 -1.639,-0.45 -2.323,-0.811 l 0,-6.013 C -10.623,0.126 -10.713,0 -10.965,0 l -1.297,0 c -0.234,0 -0.324,0.108 -0.324,0.342 l 0,8.121 c 0,0.233 0.09,0.359 0.324,0.359 l 1.279,0 c 0.27,0 0.36,-0.143 0.36,-0.359 l 0,-0.523 0.018,-0.018 c 0.702,0.486 1.692,1.026 2.683,1.062 1.044,0 1.908,-0.215 2.466,-1.259 0.901,0.666 2.017,1.259 3.169,1.259 2.377,0 2.611,-1.547 2.611,-3.348 l 0,-5.294 C 0.324,0.126 0.252,0 0,0"
inkscape:connector-curvature="0" />
</g>
<g
transform="translate(115.3818,59.0898)"
id="g4149">
<path
id="path4151"
style="fill:#5a5758;fill-opacity:1;fill-rule:nonzero;stroke:none"
d="m 0,0 -1.296,0 c -0.252,0 -0.343,0.108 -0.343,0.342 l 0,5.114 c 0,1.332 -0.323,1.71 -1.224,1.71 -0.666,0 -1.746,-0.522 -2.304,-0.811 0,-0.179 0.018,-0.503 0.018,-0.917 l 0,-5.096 C -5.149,0.126 -5.222,0 -5.492,0 L -6.806,0 C -7.04,0 -7.112,0.108 -7.112,0.342 l 0,5.204 c 0,1.098 -0.288,1.62 -1.188,1.62 -0.631,0 -1.639,-0.45 -2.323,-0.811 l 0,-6.013 C -10.623,0.126 -10.713,0 -10.965,0 l -1.297,0 c -0.234,0 -0.324,0.108 -0.324,0.342 l 0,8.121 c 0,0.233 0.09,0.359 0.324,0.359 l 1.279,0 c 0.27,0 0.36,-0.143 0.36,-0.359 l 0,-0.523 0.018,-0.018 c 0.702,0.486 1.692,1.026 2.683,1.062 1.044,0 1.908,-0.215 2.466,-1.259 0.901,0.666 2.017,1.259 3.169,1.259 2.377,0 2.611,-1.547 2.611,-3.348 l 0,-5.294 C 0.324,0.126 0.252,0 0,0"
inkscape:connector-curvature="0" />
</g>
<g
transform="translate(119.1406,59.4316)"
id="g4153">
<path
id="path4155"
style="fill:#5a5758;fill-opacity:1;fill-rule:nonzero;stroke:none"
d="m 0,0 c 0,-0.197 -0.072,-0.342 -0.324,-0.342 l -1.279,0 c -0.251,0 -0.36,0.109 -0.36,0.342 l 0,8.139 c 0,0.252 0.109,0.341 0.36,0.341 l 1.279,0 C -0.072,8.48 0,8.337 0,8.139 L 0,0 z m -0.954,9.777 c -0.937,0 -1.063,0.523 -1.063,1.044 0,0.576 0.199,1.027 1.063,1.027 0.882,0 1.062,-0.414 1.062,-1.027 0,-0.557 -0.162,-1.044 -1.062,-1.044"
inkscape:connector-curvature="0" />
</g>
<g
transform="translate(123.605,58.9453)"
id="g4157">
<path
id="path4159"
style="fill:#5a5758;fill-opacity:1;fill-rule:nonzero;stroke:none"
d="m 0,0 c -0.9,0 -2.107,0.127 -2.791,0.396 -0.36,0.145 -0.432,0.307 -0.378,0.595 l 0.126,0.594 c 0.054,0.288 0.18,0.306 0.468,0.27 0.792,-0.126 1.945,-0.216 2.557,-0.216 1.152,0 1.621,0.306 1.621,1.026 0,0.828 -0.307,1.009 -1.441,1.171 -1.765,0.252 -3.313,0.63 -3.313,2.593 0,1.782 1.368,2.718 3.385,2.718 0.738,0 1.98,-0.108 2.737,-0.396 0.306,-0.126 0.432,-0.27 0.378,-0.54 L 3.205,7.563 C 3.151,7.311 3.043,7.274 2.719,7.311 1.944,7.4 0.936,7.509 0.27,7.509 -0.882,7.509 -1.152,7.185 -1.152,6.5 -1.152,5.798 -0.72,5.708 0.378,5.528 2.088,5.276 3.637,4.934 3.637,2.791 3.637,0.685 1.854,0 0,0"
inkscape:connector-curvature="0" />
</g>
<g
transform="translate(131.147,58.9453)"
id="g4161">
<path
id="path4163"
style="fill:#5a5758;fill-opacity:1;fill-rule:nonzero;stroke:none"
d="m 0,0 c -0.9,0 -2.107,0.127 -2.791,0.396 -0.36,0.145 -0.432,0.307 -0.378,0.595 l 0.126,0.594 c 0.054,0.288 0.18,0.306 0.468,0.27 0.792,-0.126 1.945,-0.216 2.557,-0.216 1.152,0 1.621,0.306 1.621,1.026 0,0.828 -0.307,1.009 -1.441,1.171 -1.765,0.252 -3.313,0.63 -3.313,2.593 0,1.782 1.368,2.718 3.385,2.718 0.738,0 1.98,-0.108 2.737,-0.396 0.306,-0.126 0.432,-0.27 0.378,-0.54 L 3.205,7.563 C 3.151,7.311 3.043,7.274 2.719,7.311 1.944,7.4 0.936,7.509 0.27,7.509 -0.882,7.509 -1.152,7.185 -1.152,6.5 -1.152,5.798 -0.72,5.708 0.378,5.528 2.088,5.276 3.637,4.934 3.637,2.791 3.637,0.685 1.854,0 0,0"
inkscape:connector-curvature="0" />
</g>
<g
transform="translate(137.9512,59.4316)"
id="g4165">
<path
id="path4167"
style="fill:#5a5758;fill-opacity:1;fill-rule:nonzero;stroke:none"
d="m 0,0 c 0,-0.197 -0.072,-0.342 -0.324,-0.342 l -1.279,0 c -0.251,0 -0.36,0.109 -0.36,0.342 l 0,8.139 c 0,0.252 0.109,0.341 0.36,0.341 l 1.279,0 C -0.072,8.48 0,8.337 0,8.139 L 0,0 z m -0.954,9.777 c -0.937,0 -1.063,0.523 -1.063,1.044 0,0.576 0.199,1.027 1.063,1.027 0.882,0 1.062,-0.414 1.062,-1.027 0,-0.557 -0.162,-1.044 -1.062,-1.044"
inkscape:connector-curvature="0" />
</g>
<g
transform="translate(143.1533,66.3643)"
id="g4169">
<path
id="path4171"
style="fill:#5a5758;fill-opacity:1;fill-rule:nonzero;stroke:none"
d="m 0,0 c -1.53,0 -1.872,-0.973 -1.872,-2.845 0,-1.909 0.342,-2.845 1.854,-2.845 1.639,0 1.963,0.919 1.963,2.845 C 1.945,-0.937 1.639,0 0,0 m -0.018,-7.419 c -3.619,0 -3.853,2.648 -3.853,4.7 0,1.693 0.378,4.448 3.853,4.448 3.494,0 3.98,-2.324 3.98,-4.448 0,-2.052 -0.253,-4.7 -3.98,-4.7"
inkscape:connector-curvature="0" />
</g>
<g
transform="translate(155.4307,59.0898)"
id="g4173">
<path
id="path4175"
style="fill:#5a5758;fill-opacity:1;fill-rule:nonzero;stroke:none"
d="M 0,0 -1.296,0 C -1.53,0 -1.638,0.108 -1.638,0.342 l 0.018,5.059 c 0,1.063 -0.252,1.765 -1.297,1.765 -0.72,0 -1.98,-0.576 -2.466,-0.811 l 0,-6.013 C -5.383,0.126 -5.474,0 -5.726,0 l -1.278,0 c -0.252,0 -0.342,0.108 -0.342,0.342 l 0,8.121 c 0,0.233 0.09,0.359 0.342,0.359 l 1.278,0 c 0.252,0 0.343,-0.126 0.343,-0.359 l 0,-0.541 c 0.018,0 0.035,-0.018 0.054,-0.018 0.666,0.468 1.927,1.08 3.024,1.08 2.431,0 2.648,-1.602 2.648,-3.421 l 0,-5.221 C 0.343,0.126 0.271,0 0,0"
inkscape:connector-curvature="0" />
</g>
</g>
</g>
</g>
</g>
</svg>
Side by side

Before

Width:  |  Height:  |  Size: 37 KiB

343
public/assets/images/Title_section/Logo2_RWTH.svg
View file

File diff suppressed because one or more lines are too long
Side by side

Before

Width:  |  Height:  |  Size: 31 KiB

2168
public/assets/images/Title_section/Logo3_Polito.svg
View file

File diff suppressed because it is too large Load diff
Side by side

Before

Width:  |  Height:  |  Size: 159 KiB

258
public/assets/images/Title_section/Logo4_Flexmeter.svg
View file

File diff suppressed because one or more lines are too long
Side by side

Before

Width:  |  Height:  |  Size: 23 KiB

2456
public/assets/images/UpperLayer.svg
View file

File diff suppressed because it is too large Load diff
Side by side

Before

Width:  |  Height:  |  Size: 109 KiB

6411
public/assets/images/View1/Simulation Architecture.svg
View file

File diff suppressed because one or more lines are too long
Side by side

Before

Width:  |  Height:  |  Size: 619 KiB

2501
public/assets/images/View1/Simulation Scenario.svg
View file

File diff suppressed because one or more lines are too long
Side by side

Before

Width:  |  Height:  |  Size: 1.4 MiB

6203
public/assets/images/View2/TransmissionSystem.svg
View file

File diff suppressed because it is too large Load diff
Side by side

Before

Width:  |  Height:  |  Size: 240 KiB

4714
public/assets/images/View3/DistributionSystem.svg
View file

File diff suppressed because it is too large Load diff
Side by side

Before

Width:  |  Height:  |  Size: 253 KiB

258
public/assets/images/flexmeter_logo.svg
View file

File diff suppressed because one or more lines are too long
Side by side

Before

Width:  |  Height:  |  Size: 23 KiB

15
public/crossdomain.xml
View file

@ -1,15 +0,0 @@
<?xml version="1.0"?>
<!DOCTYPE cross-domain-policy SYSTEM "http://www.adobe.com/xml/dtds/cross-domain-policy.dtd">
<cross-domain-policy>
<!-- Read this: www.adobe.com/devnet/articles/crossdomain_policy_file_spec.html -->
<!-- Most restrictive policy: -->
<site-control permitted-cross-domain-policies="none"/>
<!-- Least restrictive policy: -->
<!--
<site-control permitted-cross-domain-policies="all"/>
<allow-access-from domain="*" to-ports="*" secure="false"/>
<allow-http-request-headers-from domain="*" headers="*" secure="false"/>
-->
</cross-domain-policy>

BIN
public/favicon.ico Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 17 KiB

31
public/index.html Normal file
View file

@ -0,0 +1,31 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link id="dynamic-favicon" rel="shortcut icon" type=image/x-icon href="%PUBLIC_URL%/favicon.ico">
<!--
Notice the use of %PUBLIC_URL% in the tag above.
It will be replaced with the URL of the `public` folder during the build.
Only files inside the `public` folder can be referenced from the HTML.
Unlike "/favicon.ico" or "favicon.ico", "%PUBLIC_URL%/favicon.ico" will
work correctly both with client-side routing and a non-root public URL.
Learn how to configure a non-root public URL by running `npm run build`.
-->
<title>VILLASweb</title>
</head>
<body>
<div id="root"></div>
<!--
This HTML file is a template.
If you open it directly in the browser, you will see an empty page.
You can add webfonts, meta tags, or analytics to this file.
The build step will place the bundled scripts into the <body> tag.
To begin the development, run `npm start`.
To create a production bundle, use `npm run build`.
-->
</body>
</html>

3
public/robots.txt
View file

@ -1,3 +0,0 @@
# http://www.robotstxt.org
User-agent: *
Disallow:

BIN
public/slew_blue.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 4 KiB

BIN
public/slew_magenta.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 6.3 KiB

BIN
public/template_logo.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 2.1 KiB

116
src/app.js Normal file
View file

@ -0,0 +1,116 @@
/**
* This file is part of VILLASweb.
*
* VILLASweb is free software: you can redistribute it and/or modify
* it under the terms of the GNU General Public License as published by
* the Free Software Foundation, either version 3 of the License, or
* (at your option) any later version.
*
* VILLASweb is distributed in the hope that it will be useful,
* but WITHOUT ANY WARRANTY; without even the implied warranty of
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
* GNU General Public License for more details.
*
* You should have received a copy of the GNU General Public License
* along with VILLASweb. If not, see <http://www.gnu.org/licenses/>.
******************************************************************************/
import React from 'react';
import { DndProvider } from 'react-dnd';
import { HTML5Backend }from 'react-dnd-html5-backend';
import NotificationSystem from 'react-notification-system';
import { Redirect, Route } from 'react-router-dom';
import jwt from 'jsonwebtoken';
import NotificationsDataManager from './common/data-managers/notifications-data-manager';
import Home from './common/home';
import Header from './common/header';
import Menu from './common/menu';
import InfrastructureComponent from './pages/infrastructure/ic';
import Scenarios from './pages/scenarios/scenarios';
import APIBrowser from './common/api-browser';
import Scenario from './pages/scenarios/scenario';
import Users from './pages/users/users';
import Dashboard from './pages/dashboards/dashboard';
import Account from './pages/account/account';
import './styles/app.css';
import './styles/login.css';
import branding from './branding/branding';
import Logout from './pages/login/logout';
import Infrastructure from './pages/infrastructure/infrastructure';
import { useSelector } from 'react-redux';
const App = () => {
const isTokenExpired = (token) => {
let decodedToken = jwt.decode(token);
let timeNow = (new Date().getTime() + 1) / 1000;
return decodedToken.exp < timeNow;
}
const { isAuthenticated, token, user } = useSelector((state) => state.auth);
if (!isAuthenticated || isTokenExpired(token)) {
console.log("APP redirecting to logout/login");
return (<Redirect to="/logout" />);
} else {
console.log("APP rendering app");
const pages = branding.values.pages;
return (<DndProvider backend={HTML5Backend} >
<div className="app">
<NotificationSystem />
<Header />
<div className='app-body app-body-spacing'>
<Menu currentRole={user.role} />
<div className='app-content app-content-margin-left'>
<Route exact path="/" component={Home} />
{ pages.home ? <Route path="/home" component={Home} /> : '' }
{ pages.scenarios ? <>
<Route exact path="/scenarios">
<Scenarios />
</Route>
<Route exact path="/logout">
<Logout />
</Route>
<Route path="/scenarios/:scenario">
<Scenario />
</Route>
<Route path="/dashboards/:dashboard">
<Dashboard />
</Route>
<Route path="/dashboards-new/:dashboard">
<Dashboard />
</Route>
</>
: '' }
{ user.role === "Admin" || pages.infrastructure ? <>
<Route exact path="/infrastructure">
<Infrastructure />
</Route>
<Route path="/infrastructure/:ic">
<InfrastructureComponent />
</Route>
</>
: '' }
{ pages.account ? <Route path="/account"><Account /></Route> : '' }
{ user.role === "Admin" ?
<Route path="/users">
<Users />
</Route>
: '' }
{ user.role === "Admin" || pages.api ?
<Route path="/api" component={APIBrowser} />
: '' }
</div>
</div>
{branding.getFooter()}
</div>
</DndProvider>)
}
}
export default App;

219
src/branding/branding.js Normal file
View file

@ -0,0 +1,219 @@
/**
* This file is part of VILLASweb.
*
* VILLASweb is free software: you can redistribute it and/or modify
* it under the terms of the GNU General Public License as published by
* the Free Software Foundation, either version 3 of the License, or
* (at your option) any later version.
*
* VILLASweb is distributed in the hope that it will be useful,
* but WITHOUT ANY WARRANTY; without even the implied warranty of
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
* GNU General Public License for more details.
*
* You should have received a copy of the GNU General Public License
* along with VILLASweb. If not, see <http://www.gnu.org/licenses/>.
******************************************************************************/
import { villasweb_footer, villasweb_home, villasweb_welcome } from './villasweb/villasweb-functions';
import villasweb_values from './villasweb/villasweb-values';
import { slew_home, slew_welcome } from './slew/slew-functions';
import slew_values from './slew/slew-values';
import { opalrt_footer, opalrt_home, opalrt_welcome } from './opalrt/opalrt-functions';
import opalrt_values from './opalrt/opalrt-values';
import { template_welcome, template_home, template_footer } from './template/template-functions';
import template_values from './template/template-values';
class Branding {
constructor(brand) {
this.brand = brand;
this.setValues();
this.checkValues();
this.applyStyle();
Branding.branding = this;
}
setValues() {
switch (this.brand) {
case 'villasweb':
this.values = villasweb_values;
break;
case 'slew':
this.values = slew_values;
break;
case 'opalrt':
this.values = opalrt_values;
break;
case 'template':
this.values = template_values;
break;
default:
console.error("Branding '" + this.brand + "' not available, will use 'villasweb' branding");
this.brand = 'villasweb';
this.values = villasweb_values;
break;
}
}
getHome(username = '', userid = '', role = '') {
var homepage = '';
switch (this.brand) {
case 'villasweb':
homepage = villasweb_home(this.getTitle(), username, userid, role);
break;
case 'slew':
homepage = slew_home();
break;
case 'opalrt':
homepage = opalrt_home(this.getTitle(), username, userid, role);
break;
case 'template':
homepage = template_home();
break;
default:
homepage = villasweb_home(this.getTitle(), username, userid, role);
break;
}
return homepage;
}
getFooter() {
var footer = '';
switch (this.brand) {
case 'template':
footer = template_footer();
break;
case 'opalrt':
footer = opalrt_footer();
break;
default:
footer = villasweb_footer();
break;
}
return footer;
}
getWelcome() {
var welcome = '';
switch (this.brand) {
case 'villasweb':
welcome = villasweb_welcome();
break;
case 'slew':
welcome = slew_welcome();
break;
case 'opalrt':
welcome = opalrt_welcome();
break;
case 'template':
welcome = template_welcome();
break;
default:
welcome = this.defaultWelcome();
break;
}
return welcome;
}
defaultWelcome() {
return (<div><h1>Welcome!</h1><p>This is the welcome page and you are very welcome here.</p></div>);
}
// if icon cannot be found, the default favicon will be used
changeHead() {
// set title of document
let title = this.getTitle();
if (this.getSubtitle()) {
title += " " + this.getSubtitle();
}
document.title = title;
// set document icon
if (!this.values.icon) {
return;
}
var oldlink = document.getElementById('dynamic-favicon');
var link = document.createElement('link');
link.id = 'dynamic-favicon';
link.rel = 'shortcut icon'
link.href = '/' + this.values.icon;
if (oldlink) {
document.head.removeChild(oldlink);
}
document.head.appendChild(link);
}
checkValues() {
if (!this.values.hasOwnProperty('pages')) {
let pages = {};
pages.home = true;
pages.scenarios = true;
pages.infrastructure = true;
pages.users = true;
pages.account = true;
pages.api = true;
this.values.pages = pages;
} else {
if (!this.values.pages.hasOwnProperty('home')) {
this.values.pages['home'] = false;
}
if (!this.values.pages.hasOwnProperty('scenarios')) {
this.values.pages['scenarios'] = false;
}
if (!this.values.pages.hasOwnProperty('infrastructure')) {
this.values.pages['infrastructure'] = false;
}
if (!this.values.pages.hasOwnProperty('users')) {
this.values.pages['users'] = false;
}
if (!this.values.pages.hasOwnProperty('account')) {
this.values.pages['account'] = false;
}
if (!this.values.pages.hasOwnProperty('api')) {
this.values.pages['api'] = false;
}
}
}
applyStyle() {
this.changeHead();
const rootEl = document.querySelector(':root');
for (const [key, value] of Object.entries(this.values.style)) {
rootEl.style.setProperty('--' + key, value);
}
}
getLogo(style) {
let image = null;
try {
image = <img style={style} src={require('./' + this.brand + '/img/' + this.values.logo).default} alt={'Logo ' + this.values.title} />
} catch (err) {
console.error("cannot find './" + this.brand + '/img/' + this.values.logo + "'");
}
return image;
}
getTitle() {
return this.values.title ? this.values.title : "No Title!";
}
getSubtitle() {
return this.values.subtitle ? this.values.subtitle : null;
}
};
var branding = new Branding(process.env.REACT_APP_BRAND);
export default branding;

BIN
src/branding/opalrt/img/datamodel.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 192 KiB

152
src/branding/opalrt/img/eonerc_rwth.svg Normal file
View file

File diff suppressed because one or more lines are too long
Side by side

After

Width:  |  Height:  |  Size: 27 KiB

Some files were not shown because too many files have changed in this diff Show more