- ';
-
- foreach($headlines as $key => $headline)
- {
- $thisLevel = $headline['level'];
- $prevLevel = $key > 0 ? $headlines[$key-1]['level'] : 1;
- $nextLevel = isset($headlines[$key+1]) ? $headlines[$key+1]['level'] : 0;
-
- if($thisLevel > $prevLevel)
- {
- $markup .= '
- ' . $headline['text'] . ''; - - if($thisLevel == $nextLevel ) - { - $markup .= ' '; - } - elseif($thisLevel > $nextLevel) - { - while($thisLevel > $nextLevel) - { - $markup .= '
- {{ systemerror }} - {% endfor %} -
-
-
-
-
- {{ __('Username') }}
- {{ __('Role') }}
- {{ __('E-Mail') }}
- {{ __('Edit') }} -
- {% for user in userdata %}
-
- -
-
-
-
- {{ user.username }}
- {{ __(user.userrole) }}
- {{ user.email }}
- {{ __('edit') }} -
-
- {% endfor %}
-
- ';
- }
-
- $markup .= '
No shortcode found.
'; - } - else - { - $html = 'No shortcode found.'; - } - } - - return array( - 'element' => array( - 'rawHtml' => $html, - 'allowRawHtmlInSafeMode' => true, - ), - 'extent' => strlen($matches[0]), - ); - } - - protected function inlineLink($Excerpt) - { - $Element = array( - 'name' => 'a', - 'handler' => array( - 'function' => 'lineElements', - 'argument' => null, - 'destination' => 'elements', - ), - 'nonNestables' => array('Url', 'Link'), - 'attributes' => array( - 'href' => null, - 'title' => null, - ), - ); - - $extent = 0; - - $remainder = $Excerpt['text']; - - if (preg_match('/\[((?:[^][]++|(?R))*+)\]/', $remainder, $matches)) - { - $Element['handler']['argument'] = $matches[1]; - - $extent += strlen($matches[0]); - - $remainder = substr($remainder, $extent); - } - else - { - return; - } - - if (preg_match('/^[(]\s*+((?:[^ ()]++|[(][^ )]+[)])++)(?:[ ]+("[^"]*+"|\'[^\']*+\'))?\s*+[)]/', $remainder, $matches)) - { - # start typemill: if relative link or media-link - $href = $matches[1]; - if($href[0] == '/') - { - $href = $this->baseUrl . $href; - } - elseif(substr( $href, 0, 6 ) === "media/") - { - $href = $this->baseUrl . '/' . $href; - } - # end typemill - - $Element['attributes']['href'] = $href; - - if (isset($matches[2])) - { - $Element['attributes']['title'] = substr($matches[2], 1, - 1); - } - - $extent += strlen($matches[0]); - } - else - { - if (preg_match('/^\s*\[(.*?)\]/', $remainder, $matches)) - { - $definition = strlen($matches[1]) ? $matches[1] : $Element['handler']['argument']; - $definition = strtolower($definition); - - $extent += strlen($matches[0]); - } - else - { - $definition = strtolower($Element['handler']['argument']); - } - - if ( ! isset($this->DefinitionData['Reference'][$definition])) - { - return; - } - - $Definition = $this->DefinitionData['Reference'][$definition]; - - $Element['attributes']['href'] = $Definition['url']; - $Element['attributes']['title'] = $Definition['title']; - } - - $Link = array( - 'extent' => $extent, - 'element' => $Element, - ); - - # Parsedown Extra - $remainder = $Link !== null ? substr($Excerpt['text'], $Link['extent']) : ''; - - if (preg_match('/^[ ]*{('.$this->regexAttribute.'+)}/', $remainder, $matches)) - { - $Link['element']['attributes'] += $this->parseAttributeData($matches[1]); - - $Link['extent'] += strlen($matches[0]); - } - - return $Link; - - } - - # advanced attribute data, check parsedown extra plugin: https://github.com/tovic/parsedown-extra-plugin - protected function parseAttributeData($text) { - - // Allow compact attributes ... - $text = str_replace(array('#', '.'), array(' #', ' .'), $text); - if (strpos($text, '="') !== false || strpos($text, '=\'') !== false) { - $text = preg_replace_callback('#([-\w]+=)(["\'])([^\n]*?)\2#', function($m) { - $s = str_replace(array( - ' #', - ' .', - ' ' - ), array( - '#', - '.', - "\x1A" - ), $m[3]); - return $m[1] . $m[2] . $s . $m[2]; - }, $text); - } - $attrs = array(); - foreach (explode(' ', $text) as $v) { - if (!$v) continue; - // `{#foo}` - if ($v[0] === '#' && isset($v[1])) { - $attrs['id'] = substr($v, 1); - // `{.foo}` - } else if ($v[0] === '.' && isset($v[1])) { - $attrs['class'][] = substr($v, 1); - // ~ - } else if (strpos($v, '=') !== false) { - $vv = explode('=', $v, 2); - // `{foo=}` - if ($vv[1] === "") { - $attrs[$vv[0]] = ""; - // `{foo="bar baz"}` - // `{foo='bar baz'}` - } else if ($vv[1][0] === '"' && substr($vv[1], -1) === '"' || $vv[1][0] === "'" && substr($vv[1], -1) === "'") { - $attrs[$vv[0]] = str_replace("\x1A", ' ', substr(substr($vv[1], 1), 0, -1)); - // `{foo=bar}` - } else { - $attrs[$vv[0]] = $vv[1]; - } - // `{foo}` - } else { - $attrs[$v] = $v; - } - } - if (isset($attrs['class'])) { - $attrs['class'] = implode(' ', $attrs['class']); - } - return $attrs; - } - - protected $regexAttribute = '(?:[#.][-\w:\\\]+[ ]*|[-\w:\\\]+(?:=(?:["\'][^\n]*?["\']|[^\s]+)?)?[ ]*)'; - - # ++ - # blocks that belong to a "magneticType" would "merge" if they are next to each other - protected $magneticTypes = array('DefinitionList', 'Footnote'); - - public function markdownToArrayBlocks($markdown) - { - # make sure no definitions are set - $this->DefinitionData = array(); - - # standardize line breaks - $text = str_replace(array("\r\n", "\r"), "\n", $markdown); - - # remove surrounding line breaks - $text = trim($text, "\n"); - - # split text into lines - $lines = explode("\n", $text); - - # manipulated method linesElements - - # $Elements = array(); - - # the block that's being built - # when a block is complete we add it to $Elements - $CurrentBlock = null; - - # ++ - $done = array(); - $current = null; - - foreach ($lines as $line) { - - # is it a blank line - if (chop($line) === '') { - # mark current block as interrupted - if (isset($CurrentBlock)) { - # set or increment interrupted - $CurrentBlock['interrupted'] = (isset($CurrentBlock['interrupted']) - ? $CurrentBlock['interrupted'] + 1 : 1 - ); - } - - # keep empty lines in pre-tags - if($CurrentBlock['type'] == 'FencedCode' && isset($current['text'])) - { - $current['text'] .= "\n"; - } - continue; - } - - # ~ - - # figure out line indent and text - - while (($beforeTab = strstr($line, "\t", true)) !== false) { - $shortage = 4 - mb_strlen($beforeTab, 'utf-8') % 4; - - $line = $beforeTab - . str_repeat(' ', $shortage) - . substr($line, strlen($beforeTab) + 1); - } - - $indent = strspn($line, ' '); - - $text = $indent > 0 ? substr($line, $indent) : $line; - - # ~ - - $Line = array('body' => $line, 'indent' => $indent, 'text' => $text); - - # ~ - - if (isset($CurrentBlock['continuable'])) { - # current block is continuable - # let's attempt to continue it - $methodName = 'block' . $CurrentBlock['type'] . 'Continue'; - $Block = $this->$methodName($Line, $CurrentBlock); - - if (isset($Block)) { - # attempt to continue was successful - # let's update it - $CurrentBlock = $Block; - - # ++ - $current['text'] .= "\n$line"; - - # move to next line - continue; - } else { - # attempt to continue failed - # this means current block is complete - # let's call its "complete" method if it has one - if ($this->isBlockCompletable($CurrentBlock['type'])) { - $methodName = 'block' . $CurrentBlock['type'] . 'Complete'; - $CurrentBlock = $this->$methodName($CurrentBlock); - } - } - } - - # ~ - - # current block failed to "eat" current line - # let's see if we can start a new block - $marker = $text[0]; - - # ~ - - # make a list of the block types that current line can start - $blockTypes = $this->unmarkedBlockTypes; - if (isset($this->BlockTypes[$marker])) { - foreach ($this->BlockTypes[$marker] as $blockType) { - $blockTypes [] = $blockType; - } - } - - # - # ~ - - foreach ($blockTypes as $blockType) { - # let's see if current line can start a block of type $blockType - $Block = $this->{"block$blockType"}($Line, $CurrentBlock); - - if (isset($Block)) { - # echo "[$blockType]"; - # current line managed to start a block of type $blockType - # let's set its type - $Block['type'] = $blockType; - - # on start block, we "ship" current block and flag started block as identified - # except when the started block has already flagged itself as identified - # this is the case of table - # blocks flag themselves as identified to "absorb" current block - # setext function doesn't set "identified" but it inherits it from the $Block param - if (!isset($Block['identified'])) { - # if (isset($CurrentBlock)) { - # $Elements[] = $this->extractElement($CurrentBlock); - # } - - # ++ - # $current would be null if this is the first block - if ($current !== null) { - $done[] = $current; - } - - # ++ - # line doesn't belong to $current - $current = ['text' => $line, 'type' => $blockType]; - - $Block['identified'] = true; - } else { - # ++ - $current['text'] .= "\n$line"; - $current['type'] = $blockType; - } - - # does block have a "continue" method - if ($this->isBlockContinuable($blockType)) { - $Block['continuable'] = true; - } - - $CurrentBlock = $Block; - - # we're done with this line - # move on to next line - continue 2; - } - } - - # ~ - - if (isset($CurrentBlock) and $CurrentBlock['type'] === 'Paragraph') { - # we continue paragraphs here because they are "lazy" - # they "eat" the line only if no other block type has "eaten" it - $Block = $this->paragraphContinue($Line, $CurrentBlock); - } - - if (isset($Block)) { - $CurrentBlock = $Block; - - # ++ - $current['text'] .= "\n$line"; - } else { - # is this "isset" might be here to handle $lines[0] (first line) - # version 1.7.x doesn't have it but it does unset($Blocks[0]) - if (isset($CurrentBlock)) { - # $Elements[] = $this->extractElement($CurrentBlock); - - # ++ - $done[] = $current; - } - - $CurrentBlock = $this->paragraph($Line); - - # ++ - $current = ['text' => $line, 'type' => 'Paragraph']; - - $CurrentBlock['identified'] = true; - } - } - - # ~ - - # at this point, we're out of the $lines loop - - # handles the case where the last block is continuable - # since there are no more lines, it won't get completed in the loop - # we need to complete it here - if (isset($CurrentBlock['continuable']) and $this->isBlockCompletable($CurrentBlock['type'])) { - $methodName = 'block' . $CurrentBlock['type'] . 'Complete'; - $CurrentBlock = $this->$methodName($CurrentBlock); - } - - # ~ - - if (isset($CurrentBlock)) { - # $Elements[] = $this->extractElement($CurrentBlock); - - # ++ - $done[] = $current; - } - - # ~ - - # ++ - # merge blocks that have magnetic types - $done = array_reduce($done, function (array $accumulator, array $current) { - if ($accumulator) { - $last = array_pop($accumulator); - - if ($current['type'] === $last['type'] and in_array($current['type'], $this->magneticTypes)) { - $last['text'] .= "\n\n" . $current['text']; - $accumulator[] = $last; - } else { - $accumulator[] = $last; - $accumulator[] = $current; - } - } else { - # first iteration - $accumulator[] = $current; - } - - return $accumulator; - }, []); - - # ~ - - # return $Elements; - - # ++ - # return just the text of each item - return array_map(function (array $item) { - return $item['text']; - }, $done); - } - - public function arrayBlocksToMarkdown(array $arrayBlocks) - { - $markdown = ''; - - foreach($arrayBlocks as $block) - { - $markdown .= $block . "\n\n"; - } - - return $markdown; - } - - protected function isComplete($codeblock) - { - $lines = explode("\n", $codeblock); - if(count($lines) > 1) - { - $lastLine = array_pop($lines); - if(substr($lastLine,0,2) == '``') - { - return true; - } - return false; - } - return false; - } -} \ No newline at end of file diff --git a/system/Extensions/TwigCaptchaExtension.php b/system/Extensions/TwigCaptchaExtension.php deleted file mode 100644 index 0dc18cc..0000000 --- a/system/Extensions/TwigCaptchaExtension.php +++ /dev/null @@ -1,44 +0,0 @@ -build(); - - $error = ''; - if(isset($_SESSION['captcha']) && $_SESSION['captcha'] === 'error') - { - $error = 'The captcha was wrong.'; - } - - $_SESSION['phrase'] = $builder->getPhrase(); - - $_SESSION['captcha'] = true; - - $template = '' .
- '' .
- '' .
- $error .
- ' . ')
' .
- '
';
-
- return $template;
- }
- }
-}
\ No newline at end of file
diff --git a/system/Extensions/TwigCsrfExtension.php b/system/Extensions/TwigCsrfExtension.php
deleted file mode 100644
index 70faa98..0000000
--- a/system/Extensions/TwigCsrfExtension.php
+++ /dev/null
@@ -1,31 +0,0 @@
-guard = $guard;
- }
-
- public function getFunctions()
- {
- return [
- new \Twig_SimpleFunction('csrf_field', array($this, 'csrfField' ))
- ];
- }
-
- public function csrfField()
- {
- return '
-
-
- ';
- }
-}
\ No newline at end of file
diff --git a/system/Extensions/TwigLanguageExtension.php b/system/Extensions/TwigLanguageExtension.php
deleted file mode 100644
index 7eaf7e9..0000000
--- a/system/Extensions/TwigLanguageExtension.php
+++ /dev/null
@@ -1,59 +0,0 @@
-labels = $labels;
- }
-
- public function getFilters()
- {
- return [
- new \Twig_SimpleFilter('__', [$this,'translate'] ),
- ];
- }
-
- public function getFunctions()
- {
- return [
- new \Twig_SimpleFunction('__', array($this, 'translate' ))
- ];
- }
-
-
- public function translate( $label, $labels_from_plugin = NULL )
- {
- // replaces spaces, dots, comma and dash with underscores
- $string = str_replace(" ", "_", $label);
- $string = str_replace(".", "_", $string);
- $string = str_replace(",", "_", $string);
- $string = str_replace("-", "_", $string);
-
- // transforms to uppercase
- $string = strtoupper( $string );
-
- //translates the string
- if(isset($labels_from_plugin)){
- $translated_label = isset($labels_from_plugin[$string]) ? $labels_from_plugin[$string] : null;
- } else {
- $translated_label = isset($this->labels[$string]) ? $this->labels[$string] : null;
- }
-
- // if the string is not present, set the original string
- if( empty($translated_label) ){
- $translated_label = $label;
- }
-
- // returns the string in the set language
- return $translated_label;
-
- }
-
-}
diff --git a/system/Extensions/TwigMarkdownExtension.php b/system/Extensions/TwigMarkdownExtension.php
deleted file mode 100644
index ae4aa6c..0000000
--- a/system/Extensions/TwigMarkdownExtension.php
+++ /dev/null
@@ -1,24 +0,0 @@
-text($markdown);
-
- return $parsedown->markup($markdownArray);
- }
-}
\ No newline at end of file
diff --git a/system/Extensions/TwigMetaExtension.php b/system/Extensions/TwigMetaExtension.php
deleted file mode 100644
index 0d33399..0000000
--- a/system/Extensions/TwigMetaExtension.php
+++ /dev/null
@@ -1,45 +0,0 @@
-getPageMeta($settings, $item);
-
- if(!$meta OR $meta['meta']['title'] == '' OR $meta['meta']['description'] == '')
- {
- # create path to the file
- $filePath = $settings['rootPath'] . $settings['contentFolder'] . $item->path;
-
- # check if url is a folder and add index.md
- if($item->elementType == 'folder')
- {
- $filePath = $filePath . DIRECTORY_SEPARATOR . 'index.md';
- }
-
- if(file_exists($filePath))
- {
- # get content
- $content = file_get_contents($filePath);
-
- # completes title and description or generate default meta values
- $meta = $writeMeta->completePageMeta($content, $settings, $item);
- }
- }
-
- return $meta;
- }
-}
\ No newline at end of file
diff --git a/system/Extensions/TwigPagelistExtension.php b/system/Extensions/TwigPagelistExtension.php
deleted file mode 100644
index e85e1b6..0000000
--- a/system/Extensions/TwigPagelistExtension.php
+++ /dev/null
@@ -1,22 +0,0 @@
-view = $view;
- }
-
- public function __invoke(Request $request, Response $response, $next)
- {
- if(isset($_SESSION['old']))
- {
- $this->view->getEnvironment()->addGlobal('old', $_SESSION['old']);
- }
- if(!empty($request->getParams()))
- {
- $_SESSION['old'] = $request->getParams();
- }
-
- $response = $next($request, $response);
- return $response;
- }
-}
\ No newline at end of file
diff --git a/system/Middleware/RedirectIfAuthenticated.php b/system/Middleware/RedirectIfAuthenticated.php
deleted file mode 100644
index eb57205..0000000
--- a/system/Middleware/RedirectIfAuthenticated.php
+++ /dev/null
@@ -1,30 +0,0 @@
-router = $router;
- $this->settings = $settings;
- }
-
- public function __invoke(Request $request, Response $response, $next)
- {
- $editor = (isset($this->settings['editor']) && $this->settings['editor'] == 'visual') ? 'visual' : 'raw';
-
- if(isset($_SESSION['login']))
- {
- $response = $response->withRedirect($this->router->pathFor('content.' . $editor));
- }
-
- return $next($request, $response);
- }
-}
\ No newline at end of file
diff --git a/system/Middleware/RedirectIfUnauthenticated.php b/system/Middleware/RedirectIfUnauthenticated.php
deleted file mode 100644
index 8004ce2..0000000
--- a/system/Middleware/RedirectIfUnauthenticated.php
+++ /dev/null
@@ -1,27 +0,0 @@
-router = $router;
- }
-
- public function __invoke(Request $request, Response $response, $next)
- {
- if(!isset($_SESSION['login']))
- {
- return $response->withRedirect($this->router->pathFor('auth.show'));
- }
-
- return $next($request, $response);
- }
-}
\ No newline at end of file
diff --git a/system/Middleware/RestrictApiAccess.php b/system/Middleware/RestrictApiAccess.php
deleted file mode 100644
index 3d76e08..0000000
--- a/system/Middleware/RestrictApiAccess.php
+++ /dev/null
@@ -1,32 +0,0 @@
-router = $router;
- }
-
- public function __invoke(Request $request, Response $response, $next)
- {
- if(!isset($_SESSION['login']) || !isset($_SESSION['role']))
- {
- return $response->withJson(['data' => false, 'errors' => ['message' => 'You are probably logged out. Please login and try again.']], 403);
- }
-
- # check csrf protection
- if( $request->getattribute('csrf_result') === false )
- {
- return $response->withJson(array('data' => false, 'errors' => ['message' => 'The form has a timeout. Please reload the page and try again.']), 403);
- }
- return $next($request, $response);
- }
-}
\ No newline at end of file
diff --git a/system/Middleware/SecurityMiddleware.php b/system/Middleware/SecurityMiddleware.php
deleted file mode 100644
index b90d91a..0000000
--- a/system/Middleware/SecurityMiddleware.php
+++ /dev/null
@@ -1,117 +0,0 @@
-router = $router;
- $this->settings = $settings;
- $this->flash = $flash;
- }
-
- public function __invoke(Request $request, Response $response, $next)
- {
- if($request->isPost())
- {
- $referer = $request->getHeader('HTTP_REFERER');
-
- # check csrf protection
- if( $request->getattribute('csrf_result') === false )
- {
- $this->flash->addMessage('error', 'The form has a timeout. Please try again.');
- return $response->withRedirect($referer[0]);
- }
-
- # simple bot check with honeypot
- if( (null !== $request->getParam('personal-honey-mail') ) && ($request->getParam('personal-honey-mail') != '') )
- {
- if(isset($this->settings['securitylog']) && $this->settings['securitylog'])
- {
- \Typemill\Models\Helpers::addLogEntry('honeypot ' . $referer[0]);
- }
-
- $this->flash->addMessage('notice', 'Hey honey, you made it right!');
- return $response->withRedirect($this->router->pathFor('home'));
- }
-
- # check captcha
- if(isset($_SESSION['captcha']))
- {
- # if captcha field was filled correctly
- if( (null !== $request->getParam('captcha')) && \Gregwar\Captcha\PhraseBuilder::comparePhrases($_SESSION['phrase'], $request->getParam('captcha') ) )
- {
- # delete captcha because it is solved and should not show up again
- unset($_SESSION['captcha']);
-
- # delete phrase because can't use twice
- unset($_SESSION['phrase']);
- }
- else
- {
- # delete phrase because can't use twice, but keep captcha so it shows up again
- unset($_SESSION['phrase']);
-
- # set session to error
- $_SESSION['captcha'] = 'error';
-
- if(isset($this->settings['securitylog']) && $this->settings['securitylog'])
- {
- \Typemill\Models\Helpers::addLogEntry('wrong captcha ' . $referer[0]);
- }
-
- # and add message that captcha is empty
- $this->flash->addMessage('error', 'Captcha is wrong.');
- return $response->withRedirect($referer[0]);
- }
- }
-
- #check google recaptcha
- if( null !== $request->getParam('g-recaptcha-response') )
- {
- $recaptchaApi = 'https://www.google.com/recaptcha/api/siteverify';
- $settings = $this->c->get('settings');
- $secret = isset($settings['plugins'][$pluginName]['recaptcha_secretkey']) ? $settings['plugins'][$pluginName]['recaptcha_secretkey'] : false;
- $recaptchaRequest = ['secret' => $secret, 'response' => $request->getParam('g-recaptcha-response')];
-
- # use key 'http' even if you send the request to https://...
- $options = array(
- 'http' => array(
- 'header' => "Content-type: application/x-www-form-urlencoded\r\n",
- 'method' => 'POST',
- 'content' => http_build_query($recaptchaRequest),
- 'timeout' => 5
- )
- );
-
- $context = stream_context_create($options);
- $result = file_get_contents($recaptchaApi, false, $context);
- $result = json_decode($result);
-
- if ($result === FALSE || $result->success === FALSE)
- {
- if(isset($this->settings['securitylog']) && $this->settings['securitylog'])
- {
- \Typemill\Models\Helpers::addLogEntry('wrong google recaptcha ' . $referer[0]);
- }
-
- # and add message that captcha is empty
- $this->flash->addMessage('error', 'Captcha is wrong.');
- return $response->withRedirect($referer[0]);
- }
- }
- }
-
- return $next($request, $response);
- }
-}
\ No newline at end of file
diff --git a/system/Middleware/ValidationErrorsMiddleware.php b/system/Middleware/ValidationErrorsMiddleware.php
deleted file mode 100644
index b1db99a..0000000
--- a/system/Middleware/ValidationErrorsMiddleware.php
+++ /dev/null
@@ -1,36 +0,0 @@
-view = $view;
- }
-
- public function __invoke(Request $request, Response $response, $next)
- {
- if(isset($_SESSION['errors']))
- {
- $this->view->getEnvironment()->addGlobal('errors', $_SESSION['errors']);
-
- unset($_SESSION['errors']);
- }
-
- if(isset($_SESSION['phrase']))
- {
- $this->view->getEnvironment()->addGlobal('errors', ['captcha' => 'the captcha is wrong, please try again']);
-
- unset($_SESSION['phrase']);
- }
-
- return $next($request, $response);
- }
-}
\ No newline at end of file
diff --git a/system/Middleware/accessMiddleware.php b/system/Middleware/accessMiddleware.php
deleted file mode 100644
index aff2769..0000000
--- a/system/Middleware/accessMiddleware.php
+++ /dev/null
@@ -1,54 +0,0 @@
-router = $router;
- $this->acl = $acl;
- $this->resource = $resource;
- $this->privilege = $privilege;
- }
-
- public function __invoke(Request $request, Response $response, $next)
- {
-
- if($this->resource == NULL && $this->privilege == NULL)
- {
- return $next($request, $response);
- }
-
- if(!isset($_SESSION['login']))
- {
- return $response->withRedirect($this->router->pathFor('auth.show'));
- }
-
- # make sure logged in users do not have captchas
- if(isset($_SESSION['captcha']))
- {
- unset($_SESSION['captcha']);
- }
-
- if(!$this->acl->hasRole($_SESSION['role']))
- {
- $_SESSION['role'] = 'member';
- }
-
- if(!$this->acl->isAllowed($_SESSION['role'], $this->resource, $this->privilege ))
- {
- # redirect to frontend startpage
- # alternatively return an error and show an error page.
- return $response->withRedirect($this->router->pathFor('home'));
- }
-
- return $next($request, $response);
- }
-}
\ No newline at end of file
diff --git a/system/Middleware/assetMiddleware.php b/system/Middleware/assetMiddleware.php
deleted file mode 100644
index 46b9dfc..0000000
--- a/system/Middleware/assetMiddleware.php
+++ /dev/null
@@ -1,40 +0,0 @@
-view = $view;
- $this->container = $container;
- }
-
- public function __invoke(Request $request, Response $response, $next)
- {
-
- # get the uri after proxy detection
- $uri = $request->getUri()->withUserInfo('');
-
- # update the asset object in the container (for plugins) with the new url
- $this->container->assets->setBaseUrl($uri->getBaseUrl());
-
- # add the asset object to twig-frontend for themes
- $this->container['view']->getEnvironment()->addGlobal('assets', $this->container['assets']);
-
- # use {{ base_url() }} in twig templates
- $this->container['view']['base_url'] = $uri->getBaseUrl();
- $this->container['view']['current_url'] = $uri->getPath();
-
- $response = $next($request, $response);
-
- return $response;
- }
-}
\ No newline at end of file
diff --git a/system/Models/Field.php b/system/Models/Field.php
deleted file mode 100644
index 2f06fa0..0000000
--- a/system/Models/Field.php
+++ /dev/null
@@ -1,289 +0,0 @@
-setName($fieldName);
-
- $type = isset($fieldConfigs['type']) ? $fieldConfigs['type'] : false;
- $this->setType($type);
-
- $label = isset($fieldConfigs['label']) ? $fieldConfigs['label'] : false;
- $this->setLabel($label);
-
- $checkboxlabel = isset($fieldConfigs['checkboxlabel']) ? $fieldConfigs['checkboxlabel'] : false;
- $this->setCheckboxLabel($checkboxlabel);
-
- $options = isset($fieldConfigs['options']) ? $fieldConfigs['options'] : array();
- $this->setOptions($options);
-
- $this->setAttributes($fieldConfigs);
-
- $this->setAttributeValues($fieldConfigs);
-
- $this->setHelpers($fieldConfigs);
- }
-
- private function setName($name)
- {
- $this->name = $name;
- }
-
- public function getName()
- {
- return $this->name;
- }
-
- private function setType($type)
- {
- if(in_array($type, $this->types))
- {
- $this->type = $type;
- }
- }
-
- public function getType()
- {
- return $this->type;
- }
-
- public function setLabel($label)
- {
- $this->label = $label;
- }
-
- public function getLabel()
- {
- return $this->label;
- }
-
- public function setCheckboxLabel($label)
- {
- $this->checkboxLabel = $label;
- }
-
- public function getCheckboxLabel()
- {
- return $this->checkboxLabel;
- }
-
- public function setContent($content)
- {
- $this->content = $content;
- }
-
- public function getContent()
- {
- return $this->content;
- }
-
- private function setOptions(array $options)
- {
- foreach($options as $key => $value)
- {
- $this->options[$key] = $value;
- }
- }
-
- public function getOptions()
- {
- if(isset($this->options))
- {
- return $this->options;
- }
- return false;
- }
-
- private function setAttributes($fieldConfigs)
- {
- foreach($fieldConfigs as $key => $value)
- {
- if(is_string($key) && in_array($key, $this->attr))
- {
- $this->attributes[$key] = $value;
- }
- }
- }
-
- /* get all attributes of the field and return them as a string. For usage in templates */
- public function getAttributes()
- {
- $string = false;
-
- foreach($this->attributes as $key => $attribute)
- {
- $string .= ' ' . $key;
- }
-
- return $string;
- }
-
- /* set a single attribute. Used e.g. in controller to change the value */
- public function setAttribute($key, $value)
- {
- $this->attributes[$key] = $value;
- }
-
- public function unsetAttribute($key)
- {
- unset($this->attributes[$key]);
- }
-
- /* get a single attribute, if it is defined. For usage in templates like getAttribute('required') */
- public function getAttribute($key)
- {
- if(isset($this->attributes[$key]))
- {
- return $this->attributes[$key];
- }
-
- return false;
- }
-
- private function setAttributeValues($fieldConfigs)
- {
- foreach($fieldConfigs as $key => $value)
- {
- if(is_string($key) && in_array($key, $this->attrValues))
- {
- $this->attributeValues[$key] = $value;
- }
- }
- }
-
- /* get all attributes as string. For usage in template */
- public function getAttributeValues()
- {
- $string = false;
-
- foreach($this->attributeValues as $key => $attribute)
- {
- $string .= ' ' . $key . '="' . $attribute . '"';
- }
-
- return $string;
- }
-
- public function setAttributeValue($key, $value)
- {
- /* pretty dirty, but you should not add a value for a simple checkbox */
- if($key == 'value' && $this->type == 'checkbox')
- {
- return;
- }
-
- $this->attributeValues[$key] = $value;
- }
-
- public function getAttributeValue($key)
- {
- if(isset($this->attributeValues[$key]))
- {
- return $this->attributeValues[$key];
- }
-
- return false;
- }
-
-
- public function setHelpers($fieldConfigs)
- {
- foreach($fieldConfigs as $key => $config)
- {
- if(is_string($key) && in_array($key, $this->helpers))
- {
- $this->$key = $config;
- }
- }
- }
-
- public function getHelper($helperName)
- {
- if(isset($this->$helperName))
- {
- return $this->$helperName;
- }
- return false;
- }
-}
\ No newline at end of file
diff --git a/system/Models/Fields.php b/system/Models/Fields.php
deleted file mode 100644
index 1657b22..0000000
--- a/system/Models/Fields.php
+++ /dev/null
@@ -1,138 +0,0 @@
-c = $c;
- }
-
- public function getFields($userSettings, $objectType, $objectName, $objectSettings, $formType = false)
- {
- # hold all fields in array
- $fields = array();
-
- # formtype are backend forms or public forms, only relevant for plugins for now
- $formType = $formType ? $formType : 'forms';
-
- # iterate through all fields of the objectSetting (theme or plugin)
- foreach($objectSettings[$formType]['fields'] as $fieldName => $fieldConfigurations)
- {
- if($fieldConfigurations['type'] == 'fieldset')
- {
- # if it is a fieldset, then create a subset for the containing field and read them with a recursive function
- $subSettings = $objectSettings;
- $subSettings['forms'] = $fieldConfigurations;
-
- $fieldset = array();
- $fieldset['type'] = 'fieldset';
- $fieldset['legend'] = $fieldConfigurations['legend'];
- $fieldset['fields'] = $this->getFields($userSettings, $objectType, $objectName, $subSettings, $formType);
- $fields[] = $fieldset;
- }
- else
- {
- # For label, helptext and description you can use the value of another field. This is useful e.g. to localize the label of public forms via plugin settings.
- if(isset($fieldConfigurations['label']) && isset($userSettings[$objectType][$objectName][$fieldConfigurations['label']]))
- {
- $fieldConfigurations['label'] = $userSettings[$objectType][$objectName][$fieldConfigurations['label']];
- }
- if(isset($fieldConfigurations['help']) && isset($userSettings[$objectType][$objectName][$fieldConfigurations['help']]))
- {
- $fieldConfigurations['help'] = $userSettings[$objectType][$objectName][$fieldConfigurations['help']];
- }
- if(isset($fieldConfigurations['description']) && isset($userSettings[$objectType][$objectName][$fieldConfigurations['description']]))
- {
- $fieldConfigurations['description'] = $userSettings[$objectType][$objectName][$fieldConfigurations['description']];
- }
-
- # check if the field is a select field with dataset = userroles
- if(isset($this->c) && isset($fieldConfigurations['type']) && ($fieldConfigurations['type'] == 'select' ) && isset($fieldConfigurations['dataset']) && ($fieldConfigurations['dataset'] == 'userroles' ) )
- {
- $userroles = [null => null];
- foreach($this->c->acl->getRoles() as $userrole)
- {
- $userroles[$userrole] = $userrole;
- }
- $fieldConfigurations['options'] = $userroles;
- }
-
- # for each field generate a new field object with the field name and the field configurations
- $field = new Field($fieldName, $fieldConfigurations);
-
- # handle the value for the field
- $userValue = false;
-
- # first, add the default value from the original plugin or theme settings
- if(isset($objectSettings['settings'][$fieldName]))
- {
- $userValue = $objectSettings['settings'][$fieldName];
- }
-
- # now overwrite the default values with the user values stored in the user settings
- if(isset($userSettings[$objectType][$objectName][$fieldName]))
- {
- $userValue = $userSettings[$objectType][$objectName][$fieldName];
- }
-
- # now overwrite user-values, if there are old-input values from the actual form (e.g. after input error)
- if(isset($_SESSION['old'][$objectName][$fieldName]))
- {
- $userValue = $_SESSION['old'][$objectName][$fieldName];
- }
-
- # Now prepopulate the field object with the value */
- if($field->getType() == "textarea")
- {
- if($fieldName == "publicformdefinitions" && $userValue == '')
- {
- $userValue = $objectSettings['settings'][$fieldName];
- }
- if($userValue)
- {
- $field->setContent($userValue);
- }
- }
- elseif($field->getType() == 'paragraph')
- {
- if(isset($fieldConfigurations['value']))
- {
- $field->setContent($fieldConfigurations['value']);
- }
- if($userValue)
- {
- $field->setContent($userValue);
- }
- }
- elseif($field->getType() == "checkbox")
- {
- # checkboxes need a special treatment, because field does not exist in settings if unchecked by user
- if(isset($userSettings[$objectType][$objectName][$fieldName]))
- {
- $field->setAttribute('checked', 'true');
- }
- else
- {
- $field->unsetAttribute('checked');
- }
- }
- else
- {
- $field->setAttributeValue('value', $userValue);
- }
-
- # add the field to the field-List
- $fields[] = $field;
-
- }
- }
- return $fields;
- }
-}
\ No newline at end of file
diff --git a/system/Models/Folder.php b/system/Models/Folder.php
deleted file mode 100644
index 74dbb6b..0000000
--- a/system/Models/Folder.php
+++ /dev/null
@@ -1,669 +0,0 @@
- $item)
- {
- if (!in_array($item, array(".","..")))
- {
- $nameParts = self::getStringParts($item);
- $fileType = array_pop($nameParts);
-
- if($fileType == 'md' OR $fileType == 'txt' )
- {
- $folderContent[] = $item;
- }
- }
- }
- return $folderContent;
- }
-
- /*
- * scans content of a folder recursively
- * vars: folder path as string
- * returns: multi-dimensional array with names of folders and files
- */
- public static function scanFolder($folderPath, $draft = false)
- {
- $folderItems = scandir($folderPath);
- $folderContent = array();
-
- # if it is the live version and if it is a folder that is not published, then do not show the folder and its content.
- if(!$draft && !in_array('index.md', $folderItems)){ return false; }
-
- foreach ($folderItems as $key => $item)
- {
- if (!in_array($item, array(".","..")) && substr($item, 0, 1) != '.')
- {
- if (is_dir($folderPath . DIRECTORY_SEPARATOR . $item))
- {
-
- $subFolder = $item;
- $folderPublished = file_exists($folderPath . DIRECTORY_SEPARATOR . $item . DIRECTORY_SEPARATOR . 'index.md');
-
- # scan that folder only if it is a draft or if the folder is published (contains index.md)
- if($draft OR $folderPublished)
- {
- $folderContent[$subFolder] = self::scanFolder($folderPath . DIRECTORY_SEPARATOR . $subFolder, $draft);
- }
- }
- else
- {
- $nameParts = self::getStringParts($item);
- $fileType = array_pop($nameParts);
-
- if($fileType == 'md')
- {
- $folderContent[] = $item;
- }
-
- if($draft === true && $fileType == 'txt')
- {
- if(isset($last) && ($last == implode($nameParts)) )
- {
- array_pop($folderContent);
- $item = $item . 'md';
- }
- $folderContent[] = $item;
- }
-
- /* store the name of the last file */
- $last = implode($nameParts);
- }
- }
- }
- return $folderContent;
- }
-
-
- /*
- * Transforms array of folder item into an array of item-objects with additional information for each item
- * vars: multidimensional array with folder- and file-names
- * returns: array of objects. Each object contains information about an item (file or folder).
- */
-
- public static function getFolderContentDetails(array $folderContent, $extended, $settings, $baseUrl, $fullSlugWithFolder = NULL, $fullSlugWithoutFolder = NULL, $fullPath = NULL, $keyPath = NULL, $chapter = NULL)
- {
- $contentDetails = [];
- $iteration = 0;
- $chapternr = 1;
-
- foreach($folderContent as $key => $name)
- {
- $item = new \stdClass();
-
- if(is_array($name))
- {
- $nameParts = self::getStringParts($key);
-
- $fileType = '';
- if(in_array('index.md', $name))
- {
- $fileType = 'md';
- $status = 'published';
- }
- if(in_array('index.txt', $name))
- {
- $fileType = 'txt';
- $status = 'unpublished';
- }
- if(in_array('index.txtmd', $name))
- {
- $fileType = 'txt';
- $status = 'modified';
- }
-
- $item->originalName = $key;
- $item->elementType = 'folder';
- $item->contains = self::getFolderContentType($name, $fullPath . DIRECTORY_SEPARATOR . $key . DIRECTORY_SEPARATOR . 'index.yaml');
- $item->status = $status;
- $item->fileType = $fileType;
- $item->order = count($nameParts) > 1 ? array_shift($nameParts) : NULL;
- $item->name = implode(" ",$nameParts);
- $item->name = iconv(mb_detect_encoding($item->name, mb_detect_order(), true), "UTF-8", $item->name);
- $item->slug = implode("-",$nameParts);
- $item->slug = self::createSlug($item->slug, $settings);
- $item->path = $fullPath . DIRECTORY_SEPARATOR . $key;
- $item->pathWithoutType = $fullPath . DIRECTORY_SEPARATOR . $key . DIRECTORY_SEPARATOR . 'index';
- $item->urlRelWoF = $fullSlugWithoutFolder . '/' . $item->slug;
- $item->urlRel = $fullSlugWithFolder . '/' . $item->slug;
- $item->urlAbs = $baseUrl . $fullSlugWithoutFolder . '/' . $item->slug;
- $item->key = $iteration;
- $item->keyPath = isset($keyPath) ? $keyPath . '.' . $iteration : $iteration;
- $item->keyPathArray = explode('.', $item->keyPath);
- $item->chapter = $chapter ? $chapter . '.' . $chapternr : $chapternr;
- $item->active = false;
- $item->activeParent = false;
- $item->hide = false;
-
- # check if there are extended information
- if($extended && isset($extended[$item->urlRelWoF]))
- {
- $item->name = ($extended[$item->urlRelWoF]['navtitle'] != '') ? $extended[$item->urlRelWoF]['navtitle'] : $item->name;
- $item->hide = ($extended[$item->urlRelWoF]['hide'] === true) ? true : false;
- $item->noindex = (isset($extended[$item->urlRelWoF]['noindex']) && $extended[$item->urlRelWoF]['noindex'] === true) ? true : false;
- }
-
- # sort posts in descending order
- if($item->contains == "posts")
- {
- rsort($name);
- }
-
- $item->folderContent = self::getFolderContentDetails($name, $extended, $settings, $baseUrl, $item->urlRel, $item->urlRelWoF, $item->path, $item->keyPath, $item->chapter);
- }
- elseif($name)
- {
- # do not use files in base folder (only folders are allowed)
- # if(!isset($keyPath)) continue;
-
- # do not use index files
- if($name == 'index.md' || $name == 'index.txt' || $name == 'index.txtmd' ) continue;
-
- $nameParts = self::getStringParts($name);
- $fileType = array_pop($nameParts);
- $nameWithoutType = self::getNameWithoutType($name);
-
- if($fileType == 'md')
- {
- $status = 'published';
- }
- elseif($fileType == 'txt')
- {
- $status = 'unpublished';
- }
- else
- {
- $fileType = 'txt';
- $status = 'modified';
- }
-
- $item->originalName = $name;
- $item->elementType = 'file';
- $item->status = $status;
- $item->fileType = $fileType;
- $item->order = count($nameParts) > 1 ? array_shift($nameParts) : NULL;
- $item->name = implode(" ",$nameParts);
- $item->name = iconv(mb_detect_encoding($item->name, mb_detect_order(), true), "UTF-8", $item->name);
- $item->slug = implode("-",$nameParts);
- $item->slug = self::createSlug($item->slug, $settings);
- $item->path = $fullPath . DIRECTORY_SEPARATOR . $name;
- $item->pathWithoutType = $fullPath . DIRECTORY_SEPARATOR . $nameWithoutType;
- $item->key = $iteration;
- $item->keyPath = isset($keyPath) ? $keyPath . '.' . $iteration : $iteration;
- $item->keyPathArray = explode('.',$item->keyPath);
- $item->chapter = $chapter . '.' . $chapternr;
- $item->urlRelWoF = $fullSlugWithoutFolder . '/' . $item->slug;
- $item->urlRel = $fullSlugWithFolder . '/' . $item->slug;
- $item->urlAbs = $baseUrl . $fullSlugWithoutFolder . '/' . $item->slug;
- $item->active = false;
- $item->activeParent = false;
- $item->hide = false;
-
- # check if there are extended information
- if($extended && isset($extended[$item->urlRelWoF]))
- {
- $item->name = ($extended[$item->urlRelWoF]['navtitle'] != '') ? $extended[$item->urlRelWoF]['navtitle'] : $item->name;
- $item->hide = ($extended[$item->urlRelWoF]['hide'] === true) ? true : false;
- $item->noindex = (isset($extended[$item->urlRelWoF]['noindex']) && $extended[$item->urlRelWoF]['noindex'] === true) ? true : false;
- }
- }
-
- $iteration++;
- $chapternr++;
- $contentDetails[] = $item;
- }
- return $contentDetails;
- }
-
- public static function getFolderContentType($folder, $yamlpath)
- {
- # check if folder is empty or has only index.yaml-file. This is a rare case so make it quick and dirty
- if(count($folder) == 1)
- {
- # check if in folder yaml file contains "posts", then return posts
- $folderyamlpath = getcwd() . DIRECTORY_SEPARATOR . 'content' . DIRECTORY_SEPARATOR . $yamlpath;
-
- $fileContent = false;
- if(file_exists($folderyamlpath))
- {
- $fileContent = file_get_contents($folderyamlpath);
- }
-
- if($fileContent && strpos($fileContent, 'contains: posts') !== false)
- {
- return 'posts';
- }
- return 'pages';
- }
- else
- {
- $file = $folder[0];
- $nameParts = self::getStringParts($file);
- $order = count($nameParts) > 1 ? array_shift($nameParts) : NULL;
- $order = substr($order, 0, 7);
-
- if(\DateTime::createFromFormat('Ymd', $order) !== FALSE)
- {
- return "posts";
- }
- else
- {
- return "pages";
- }
- }
- }
-
- public static function getItemForUrl($folderContentDetails, $url, $baseUrl, $result = NULL, $home = NULL )
- {
-
- # if we are on the homepage
- if($home)
- {
- # return a standard item-object
- $item = new \stdClass;
- $item->status = 'published';
- $item->originalName = 'home';
- $item->elementType = 'folder';
- $item->fileType = 'md';
- $item->order = false;
- $item->name = 'home';
- $item->slug = '';
- $item->path = '';
- $item->pathWithoutType = DIRECTORY_SEPARATOR . 'index';
- $item->key = false;
- $item->keyPath = false;
- $item->keyPathArray = false;
- $item->chapter = false;
- $item->urlRel = '/';
- $item->urlRelWoF = '/';
- $item->urlAbs = $baseUrl;
- $item->name = 'home';
- $item->active = false;
- $item->activeParent = false;
- $item->hide = false;
-
- return $item;
- }
-
- foreach($folderContentDetails as $key => $item)
- {
- # set item active, needed to move item in navigation
- if($item->urlRel === $url)
- {
- $item->active = true;
- $result = $item;
- }
- elseif($item->elementType === "folder")
- {
- $result = self::getItemForUrl($item->folderContent, $url, $baseUrl, $result);
- }
- }
-
- return $result;
- }
-
- public static function getItemForUrlFrontend($folderContentDetails, $url, $result = NULL)
- {
- foreach($folderContentDetails as $key => $item)
- {
- # set item active, needed to move item in navigation
- if($item->urlRelWoF === $url)
- {
- $item->active = true;
- $result = $item;
- }
- elseif($item->elementType === "folder")
- {
- $result = self::getItemForUrlFrontend($item->folderContent, $url, $result);
- }
- }
-
- return $result;
- }
-
- public static function getPagingForItem($content, $item)
- {
- # if page is home
- if(trim($item->pathWithoutType, DIRECTORY_SEPARATOR) == 'index')
- {
- return $item;
- }
-
- $keyPos = count($item->keyPathArray)-1;
- $thisChapArray = $item->keyPathArray;
- $nextItemArray = $item->keyPathArray;
- $prevItemArray = $item->keyPathArray;
-
- $item->thisChapter = false;
- $item->prevItem = false;
- $item->nextItem = false;
-
-
- /************************
- * ADD THIS CHAPTER *
- ************************/
-
- if($keyPos > 0)
- {
- array_pop($thisChapArray);
- $item->thisChapter = self::getItemWithKeyPath($content, $thisChapArray);
- }
-
- /************************
- * ADD NEXT ITEM *
- ************************/
-
- if($item->elementType == 'folder')
- {
- # get the first element in the folder
- $item->nextItem = isset($item->folderContent[0]) ? clone($item->folderContent[0]) : false;
- }
-
- # the item is a file or an empty folder
- if(!$item->nextItem)
- {
- # walk to the next file in the same hierarchy
- $nextItemArray[$keyPos]++;
-
- # get the key of the last element in this hierarchy level
- # if there is no chapter, then it is probably an empty first-level-folder. Count content to get the number of first level items
- $lastKey = $item->thisChapter ? array_key_last($item->thisChapter->folderContent) : count($content);
-
- # as long as the nextItemArray is smaller than the last key in this hierarchy level, search for the next item
- # this ensures that it does not stop if key is missing (e.g. if the next page is hidden)
- while( ($nextItemArray[$keyPos] <= $lastKey) && !$item->nextItem = self::getItemWithKeyPath($content, $nextItemArray) )
- {
- $nextItemArray[$keyPos]++;
- }
- }
-
- # there is no next file or folder in this level, so walk up the hierarchy to the next folder or file
- while(!$item->nextItem)
- {
- # delete the array level with the current item, so you are in the parent folder
- array_pop($nextItemArray);
-
- # if the array is empty now, then you where in the base level already, so break
- if(empty($nextItemArray)) break;
-
- # define the key position where you are right now
- $newKeyPos = count($nextItemArray)-1;
-
- # go to the next position
- $nextItemArray[$newKeyPos]++;
-
- # search for 5 items in case there are some hidden elements
- $maxlength = $nextItemArray[$newKeyPos]+5;
- while( ($nextItemArray[$newKeyPos] <= $maxlength) && !$item->nextItem = self::getItemWithKeyPath($content, $nextItemArray) )
- {
- $nextItemArray[$newKeyPos]++;
- }
- }
-
- /************************
- * ADD PREVIOUS ITEM *
- ************************/
-
- # check if element is the first in the array
- $first = ($prevItemArray[$keyPos] == 0) ? true : false;
-
- if(!$first)
- {
- $prevItemArray[$keyPos]--;
-
- while($prevItemArray[$keyPos] >= 0 && !$item->prevItem = self::getItemWithKeyPath($content, $prevItemArray))
- {
- $prevItemArray[$keyPos]--;
- }
-
- # if no item is found, then all previous items are hidden, so set first item to true and it will walk up the array later
- if(!$item->prevItem)
- {
- $first = true;
- }
- elseif($item->prevItem && $item->prevItem->elementType == 'folder' && !empty($item->prevItem->folderContent))
- {
- # if the previous item is a folder, the get the last item of that folder
- $item->prevItem = self::getLastItemOfFolder($item->prevItem);
- }
- }
-
- # if it is the first item in the folder (or all other files are hidden)
- if($first)
- {
- # then the previous item is the containing chapter
- $item->prevItem = $item->thisChapter;
- }
-
- if($item->prevItem && $item->prevItem->elementType == 'folder'){ unset($item->prevItem->folderContent); }
- if($item->nextItem && $item->nextItem->elementType == 'folder'){ unset($item->nextItem->folderContent); }
- if($item->thisChapter){unset($item->thisChapter->folderContent); }
-
- return $item;
- }
-
- /*
- * Gets a copy of an item with a key
- * @param array $content with the full structure of the content as multidimensional array
- * @param array $searchArray with the key as a one-dimensional array like array(0,3,4)
- * @return array $item
- */
-
- public static function getItemWithKeyPath($content, array $searchArray)
- {
- $item = false;
-
- foreach($searchArray as $key => $itemKey)
- {
- $item = isset($content[$itemKey]) ? clone($content[$itemKey]) : false;
-
- unset($searchArray[$key]);
- if(!empty($searchArray) && $item)
- {
- return self::getItemWithKeyPath($item->folderContent, $searchArray);
- }
- }
- return $item;
- }
-
- # https://www.quora.com/Learning-PHP-Is-there-a-way-to-get-the-value-of-multi-dimensional-array-by-specifying-the-key-with-a-variable
- # NOT IN USE
- public static function getItemWithKeyPathNew($array, array $keys)
- {
- $item = $array;
-
- foreach ($keys as $key)
- {
- $item = isset($item[$key]->folderContent) ? $item[$key]->folderContent : $item[$key];
- }
-
- return $item;
- }
-
- /*
- * Extracts an item with a key https://stackoverflow.com/questions/52097092/php-delete-value-of-array-with-dynamic-key
- * @param array $content with the full structure of the content as multidimensional array
- * @param array $searchArray with the key as a one-dimensional array like array(0,3,4)
- * @return array $item
- * NOT IN USE ??
- */
-
- public static function extractItemWithKeyPath($structure, array $keys)
- {
- $result = &$structure;
- $last = array_pop($keys);
-
- foreach ($keys as $key) {
- if(isset($result[$key]->folderContent))
- {
- $result = &$result[$key]->folderContent;
- }
- else
- {
- $result = &$result[$key];
- }
- }
-
- $item = $result[$last];
- unset($result[$last]);
-
- return array('structure' => $structure, 'item' => $item);
- }
-
- # NOT IN USE
- public static function deleteItemWithKeyPath($structure, array $keys)
- {
- $result = &$structure;
- $last = array_pop($keys);
-
- foreach ($keys as $key)
- {
- if(isset($result[$key]->folderContent))
- {
- $result = &$result[$key]->folderContent;
- }
- else
- {
- $result = &$result[$key];
- }
- }
-
- $item = $result[$last];
- unset($result[$last]);
-
- return $structure;
- }
-
- # get breadcrumb as copied array,
- # set elements active in original
- # mark parent element in original
- public static function getBreadcrumb($content, $searchArray, $i = NULL, $breadcrumb = NULL)
- {
- # if it is the first round, create an empty array
- if(!$i){ $i = 0; $breadcrumb = array();}
-
- if(!$searchArray){ return $breadcrumb;}
-
- while($i < count($searchArray))
- {
- if(!isset($content[$searchArray[$i]])){ return false; }
- $item = $content[$searchArray[$i]];
-
- if($i == count($searchArray)-1)
- {
- $item->active = true;
- }
- else
- {
- $item->activeParent = true;
- }
-
- /*
- $item->active = true;
- if($i == count($searchArray)-2)
- {
- $item->activeParent = true;
- }
- */
-
- $copy = clone($item);
- if($copy->elementType == 'folder')
- {
- unset($copy->folderContent);
- $content = $item->folderContent;
- }
- $breadcrumb[] = $copy;
-
- $i++;
- return self::getBreadcrumb($content, $searchArray, $i++, $breadcrumb);
- }
- return $breadcrumb;
- }
-
- public static function getParentItem($content, $searchArray, $iteration = NULL)
- {
- if(!$iteration){ $iteration = 0; }
- while($iteration < count($searchArray)-2)
- {
- $content = $content[$searchArray[$iteration]]->folderContent;
- $iteration++;
- return self::getParentItem($content, $searchArray, $iteration);
- }
- return $content[$searchArray[$iteration]];
- }
-
- private static function getLastItemOfFolder($folder)
- {
- $lastItem = end($folder->folderContent);
- if(is_object($lastItem) && $lastItem->elementType == 'folder' && !empty($lastItem->folderContent))
- {
- return self::getLastItemOfFolder($lastItem);
- }
- return $lastItem;
- }
-
- public static function getStringParts($name)
- {
- return preg_split('/[\-\.\_\=\+\?\!\*\#\(\)\/ ]/',$name);
- }
-
- public static function getFileType($fileName)
- {
- $parts = preg_split('/\./',$fileName);
- return end($parts);
- }
-
- public static function splitFileName($fileName)
- {
- $parts = preg_split('/\./',$fileName);
- return $parts;
- }
- public static function getNameWithoutType($fileName)
- {
- $parts = preg_split('/\./',$fileName);
- return $parts[0];
- }
-
- public static function createSlug($name, $settings = NULL)
- {
- $name = iconv(mb_detect_encoding($name, mb_detect_order(), true), "UTF-8", $name);
-
- # prior version 1.5.0 settings was no language and remove stop words from slug
- $language = "";
- $use_remove_list = true;
-
- # if user has not activated the old slug logig < version 1.5.0 style
- if($settings && ( !isset($settings['oldslug']) OR !$settings['oldslug'] ) )
- {
- # then use the language attr and do not remove stop words as default behavior
- $language = isset($settings['langattr']) ? $settings['langattr'] : "";
- $use_remove_list = false;
- }
-
- return URLify::filter(
- $name,
- $length = 60,
- $language,
- $file_name = false,
- $use_remove_list,
- $lower_case = true,
- $treat_underscore_as_space = true
- );
- }
-}
\ No newline at end of file
diff --git a/system/Models/Helpers.php b/system/Models/Helpers.php
deleted file mode 100644
index f2ff156..0000000
--- a/system/Models/Helpers.php
+++ /dev/null
@@ -1,108 +0,0 @@
-getFile('cache', 'securitylog.txt');
-
- if($logfile)
- {
- $logfile .= $line . PHP_EOL;
- }
- else
- {
- $logfile = $line . PHP_EOL;
- }
-
- $write->writeFile('cache', 'securitylog.txt', $logfile);
- }
-
- public static function array_sort($array, $on, $order=SORT_ASC)
- {
- $new_array = array();
- $sortable_array = array();
-
- if (count($array) > 0) {
- foreach ($array as $k => $v) {
- if (is_array($v)) {
- foreach ($v as $k2 => $v2) {
- if ($k2 == $on) {
- $sortable_array[$k] = $v2;
- }
- }
- } else {
- $sortable_array[$k] = $v;
- }
- }
-
- switch ($order) {
- case SORT_ASC:
- asort($sortable_array);
- break;
- case SORT_DESC:
- arsort($sortable_array);
- break;
- }
-
- foreach ($sortable_array as $k => $v) {
- $new_array[] = $array[$k];
- }
- }
-
- return $new_array;
- }
-
- public static function printTimer($timer)
- {
- $lastTime = NULL;
- $table = '| Breakpoint | Time | Duration |
|---|---|---|
| ' . $breakpoint . ' | '; - $table .= '' . $time . ' | '; - $table .= '' . $duration . ' | '; - $table .= '
-
-
-
-{% endblock %}
\ No newline at end of file
diff --git a/system/author/auth/recoverpw.twig b/system/author/auth/recoverpw.twig
deleted file mode 100644
index e8b2685..0000000
--- a/system/author/auth/recoverpw.twig
+++ /dev/null
@@ -1,39 +0,0 @@
-{% extends 'layouts/layoutAuth.twig' %}
-{% block title %}Login{% endblock %}
-
-{% block content %}
-
-
-
- {{ __('Remember to bookmark this page') }}
-
-
-
-
- {% if settings.recoverpw %}
-
-
-
- {% else %}
-
-
-
- {% endif %}
-
-
-
-
-
-{% endblock %}
\ No newline at end of file
diff --git a/system/author/auth/recoverpwnew.twig b/system/author/auth/recoverpwnew.twig
deleted file mode 100644
index b671e19..0000000
--- a/system/author/auth/recoverpwnew.twig
+++ /dev/null
@@ -1,41 +0,0 @@
-{% extends 'layouts/layoutAuth.twig' %}
-{% block title %}Login{% endblock %}
-
-{% block content %}
-
-
-
-
-
-
-
-
-
-{% endblock %}
\ No newline at end of file
diff --git a/system/author/auth/recoverpwsend.twig b/system/author/auth/recoverpwsend.twig
deleted file mode 100644
index 75df2f3..0000000
--- a/system/author/auth/recoverpwsend.twig
+++ /dev/null
@@ -1,19 +0,0 @@
-{% extends 'layouts/layoutAuth.twig' %}
-{% block title %}Login{% endblock %}
-
-{% block content %}
-
-
-
-
-
-
-
-
-
-{% endblock %}
\ No newline at end of file
diff --git a/system/author/auth/setup.twig b/system/author/auth/setup.twig
deleted file mode 100644
index 45b8deb..0000000
--- a/system/author/auth/setup.twig
+++ /dev/null
@@ -1,53 +0,0 @@
-{% extends 'layouts/layoutAuth.twig' %}
-{% block title %}{{ __('Setup') }}{% endblock %}
-
-{% block content %}
-
-
-
-
-
- {{ title }}
-{{ message }}
- -
-
- {% if systemcheck %}
-
-
-{% endblock %}
diff --git a/system/author/auth/welcome.twig b/system/author/auth/welcome.twig
deleted file mode 100644
index da0ed84..0000000
--- a/system/author/auth/welcome.twig
+++ /dev/null
@@ -1,49 +0,0 @@
-{% extends 'layouts/layoutAuth.twig' %}
-
-{% block title %}{{ __('Setup Welcome') }}{% endblock %}
-
-{% block content %}
-
- Missing Requirements
- {% if systemcheck.error %} --
- {% for systemerror in systemcheck.error %}
-
-
-
-
-
-
-
-{% endblock %}
\ No newline at end of file
diff --git a/system/author/css/a11y-dark.min.css b/system/author/css/a11y-dark.min.css
deleted file mode 100644
index 7820d7d..0000000
--- a/system/author/css/a11y-dark.min.css
+++ /dev/null
@@ -1,7 +0,0 @@
-pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}/*!
- Theme: a11y-dark
- Author: @ericwbailey
- Maintainer: @ericwbailey
-
- Based on the Tomorrow Night Eighties theme: https://github.com/isagalaev/highlight.js/blob/master/src/styles/tomorrow-night-eighties.css
-*/.hljs{background:#2b2b2b;color:#f8f8f2}.hljs-comment,.hljs-quote{color:#d4d0ab}.hljs-deletion,.hljs-name,.hljs-regexp,.hljs-selector-class,.hljs-selector-id,.hljs-tag,.hljs-template-variable,.hljs-variable{color:#ffa07a}.hljs-built_in,.hljs-link,.hljs-literal,.hljs-meta,.hljs-number,.hljs-params,.hljs-type{color:#f5ab35}.hljs-attribute{color:gold}.hljs-addition,.hljs-bullet,.hljs-string,.hljs-symbol{color:#abe338}.hljs-section,.hljs-title{color:#00e0e0}.hljs-keyword,.hljs-selector-tag{color:#dcc6e0}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}@media screen and (-ms-high-contrast:active){.hljs-addition,.hljs-attribute,.hljs-built_in,.hljs-bullet,.hljs-comment,.hljs-link,.hljs-literal,.hljs-meta,.hljs-number,.hljs-params,.hljs-quote,.hljs-string,.hljs-symbol,.hljs-type{color:highlight}.hljs-keyword,.hljs-selector-tag{font-weight:700}}
\ No newline at end of file
diff --git a/system/author/css/style.css b/system/author/css/style.css
deleted file mode 100644
index 54e6eab..0000000
--- a/system/author/css/style.css
+++ /dev/null
@@ -1,3066 +0,0 @@
-@font-face {
- font-family: 'visiblecontrol';
- src: url('visiblecontrol.woff') format('woff'),
- url('visiblecontrol.woff2') format('woff2');
- unicode-range: U+0020;
-}
-
-/**********************
-* TRANSITION *
-**********************/
-
-a, a:link, a:visited, a:focus, a:hover, a:active, .blox, .link, button, .button, .tab-button, input, .control-group, .sidebar-menu, .sidebar-menu--content, .menu-action, .button-arrow{
- -webkit-transition: color 0.2s ease,
- background-color 0.2s ease,
- border-color 0.2s ease;
- -moz-transition: color 0.2s ease,
- background-color 0.2s ease,
- border-color 0.2s ease;
- -o-transition: color 0.2s ease,
- background-color 0.2s ease,
- border-color 0.2s ease;
- -ms-transition: color 0.2s ease,
- background-color 0.2s ease,
- border-color 0.2s ease;
- transition: color 0.2s ease,
- background-color 0.2s ease,
- border-color 0.2s ease;
-}
-.navi-item a,
-.navi-item.file a .iconwrapper,
-.navi-item.folder a .iconwrapper,
-.navi-item.file a .movewrapper,
-.navi-item.folder a .movewrapper{
- -webkit-transition: all 0.1s ease;
- -moz-transition: all 0.1s ease;
- -o-transition: all 0.1s ease;
- -ms-transition: all 0.1s ease;
- transition: all 0.1s ease;
-}
-/********************
-* TACHYONS *
-********************/
-
-.tm-red{
- color:#e0474c;
-}
-.bg-tm-red{
- background:#e0474c;
-}
-.b--tm-red{
- border-color: #e0474c;
-}
-.hover-tm-red:hover{
- color:#e0474c;
-}
-.hover-bg-tm-red:hover{
- background:#e0474c;
-}
-.hover-b--tm-red:hover{
- border-color:#e0474c;
-}
-.tm-green{
- color:#66b0a3;
-}
-.bg-tm-green{
- background:#66b0a3;
-}
-.b--tm-green{
- border-color:#66b0a3;
-}
-.hover-tm-green:hover{
- color:#66b0a3;
-}
-.hover-bg-tm-green:hover{
- background:#66b0a3;
-}
-.hover-b--tm-green:hover,.hover-b--tm-green.active{
- border-color:#66b0a3;
-}
-.hover-bg-white.active{
- background-color: #fff;
-}
-.tm-gray{
- color:#f9f8f6;
-}
-.bg-tm-gray{
- background:#f9f8f6;
-}
-.b--tm-gray{
- border-color:#f9f8f6;
-}
-.hover-tm-gray:hover{
- color:#f9f8f6;
-}
-.hover-bg-tm-gray:hover{
- background:#f9f8f6;
-}
-.hover-b--tm-gray:hover,.hover-b--tm-gray.active{
- border-color:#f9f8f6;
-}
-
-/*
-.w-100{
- width:100%!important;
-}
-*/
-.w-100{
- width:100%;
-}
-.w-15{
- width: 15%;
-}
-.w-29{
- width: 29%;
-}
-.w-95{
- width:95%;
-}
-.w6{
- width: 22rem;
-}
-.h0{
- height: 0;
-}
-.h6{
- height: 22rem;
-}
-.mw6{
- max-width:22rem;
-}
-.max-h6{
- max-height: 22rem;
-}
-.shadow-tm{
- box-shadow: 0 0 2px 1px rgba(0,0,0,.1);
-}
-.bg-chess{
- background-image: linear-gradient(45deg, #808080 25%, transparent 25%), linear-gradient(-45deg, #808080 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #808080 75%), linear-gradient(-45deg, transparent 75%, #808080 75%);
- background-size: 20px 20px;
- background-position: 0 0, 0 10px, 10px -10px, -10px 0px;
-}
-input.upload{
- position: absolute;
- top: 0;
- right: 0;
- margin: 0;
- padding: 0;
- font-size: 20px;
- cursor: pointer;
- opacity: 0;
-}
-.top-3{
- top: 3rem;
-}
-.list-enter-active, .list-leave-active {
- transition: all .3s;
-}
-.list-enter, .list-leave-to /* .list-leave-active below version 2.1.8 */ {
- opacity: 0;
-}
-
-.imgsizes::after{
- content: "px";
- margin-left: -30px;
- color: #ddd;
- font-weight: bold;
-}
-
-/* fix wrong text-align/family */
-input, textarea, button {font-family: arial, sans-serif}
-
-.shortcode-alert{
- color: red;
-}
-
-/****************************
-* download-commponent *
-****************************/
-
-a.tm-download
-{
- line-height: 35px;
- margin-left: 40px;
-}
-a.tm-download::before{
- content: '\2193';
- position: absolute;
- margin-left: -40px;
- width: 30px;
- height: 30px;
- line-height: 30px;
- font-family: Calibri, "Segoe UI", Roboto, Courier, Helvetica, -apple-system, BlinkMacSystemFont, sans-serif, Arial, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
- font-size: 1.3em;
- font-weight: 900;
- border: 2px solid #e0474c;
- border-radius: 50%;
- text-align: center;
- text-decoration: none;
-}
-a.tm-download:hover::before{
- text-decoration: none;
- color: #fff;
- background: #e0474c;
-}
-
-a.tm-heading-anchor {
- display: none;
- position: absolute;
- top: 0;
- left: -1em;
- width: 1em;
- opacity: 0;
-}
-
-/********************
-* COMMONS *
-********************/
-
-html,body{
- padding: 0;
- margin:0;
-}
-body{
- background: #f9f8f6;
- color: #444;
- font-size: 16px;
-}
-body,input,select,textarea{
- font-family: Helvetica, Calibri, Arial, sans-serif;
- -webkit-font-smoothing: antialiased;
- -moz-osx-font-smoothing: grayscale;
-}
-
-header, nav, h1, h2, h3, h4, h5, h6{
- font-family: arial, sans-serif;
-}
-h1{ font-size: 1.8em; margin: 1em 0 0.8em; font-weight: 700; }
-h2{ font-size: 1.6em; margin: 1em 0 0.8em; font-weight: 700; }
-h3{ font-size: 1em; margin: 0.6em 0 0.6em; text-transform: uppercase; font-weight: 300; }
-.main{
- margin: 0px auto;
- box-sizing:border-box;
- padding: 20px;
-}
-section{
- background: #FFFFFF;
- box-shadow: 0 4px 4px #ddd;
- position: relative;
- margin-bottom: 40px;
- padding: 20px 5px 40px;
- box-sizing: border-box;
-}
-article{
- width: 100%;
-}
-aside.sidebar{
- display: block;
- width: 100%;
- background: #fff;
- margin-bottom: 50px;
- box-sizing: border-box;
-}
-.right{
- float: right;
-}
-
-img, figure,figure img{
- max-width: 100%;
-}
-figure{
- display: table;
- margin: 2em auto;
- padding: 0;
-}
-figure.left{
- float: none;
-}
-figure.right{
- float: none;
-}
-figure img{
- display: block;
- margin: auto;
-}
-figcaption{
- display: table-caption;
- caption-side: bottom;
-}
-
-button.note1{
- background-color: #d00;
- color: #fff;
-}
-button.note2{
- background-color: #fb0;
- color: #fff;
-}
-button.note3{
- background-color: #08e;
- color: #fff;
-}
-button.note4{
- background-color: #00ee67;
- color: #fff;
-}
-
-.blox-editor textarea.pl-notice{
- padding-left: 40px;
-}
-.notice1 {
- margin: 1em 0;
- padding: 10px 1em;
- background-color: #fdf0f0;
- border-left: 10px solid #d00;
-}
-.notice2 {
- margin: 1em 0;
- padding: 10px 1em;
- background-color: #fffbf0;
- border-left: 10px solid #fb0;
-}
-.notice3{
- margin: 1em 0;
- padding: 10px 1em;
- background-color: #f0f8fe;
- border-left: 10px solid #08e;
-}
-.notice4,
-.notice5,
-.notice6 {
- margin: 1em 0;
- padding: 10px 1em;
- background-color: #f1fff7;
- border-left: 10px solid #00ee67;
-}
-
-/********************
-* NAVI *
-********************/
-
-.main-header{
- display: inline-block;
- width: 100%;
- border-bottom: 1px solid #eee;
-}
-.header-navi, .main{
- margin: auto;
- max-width: 1200px;
-}
-.header-navi .logo{
- display: inline-block;
- font-size: 1.6em;
- font-weight: 700;
- width: 18%;
- box-sizing: border-box;
-}
-.header-navi .logo a{
- color: #000;
- text-decoration: none;
- line-height: 2em;
- margin-left: 10px;
-}
-.header-navi ul{
- display: inline-block;
- width: 80%;
- box-sizing: border-box;
- text-align: right;
- list-style: none;
- padding:0px;
- margin:0px;
- font-size: 1.2em;
-}
-.header-navi li{
- display: inline-block;
- padding: 0px;
- margin: 0px;
-}
-.navi-items a{
- color: #000;
- font-size: 0.9em;
- text-transform: uppercase;
- text-decoration: none;
- margin: 0px 5px;
- padding: 20px 0px 10px 0px;
- line-height: 2em;
- border-bottom: 3px solid transparent;
-}
-.navi-items a:hover, .navi-items a:focus, .navi-items a:active, .navi-items a.active{
- border-bottom: 3px solid #66b0a3;
-}
-.navi-items .icon{
- color: #ccc;
-}
-
-.navi-items span{
- display: none;
-}
-
-/************************
-* MENU *
-************************/
-
-.sidebar-menu,.sidebar-menu--content{
- max-height: 40px;
- padding: 0px 20px;
- overflow: hidden;
- box-sizing: border-box;
- font-size: 0.9em;
- text-align: center;
-}
-.sidebar-menu.expand{
- max-height: 500px;
-}
-.sidebar-menu--content.expand{
- max-height: 3000px;
-}
-.menu-action{
- display: block;
- width: 100%;
- height: 40px;
- text-align: center;
- line-height: 40px;
- text-transform: uppercase;
- font-weight: 300;
- cursor: pointer;
-}
-ul.menu-list{
- list-style: none;
- margin: 5px 0 30px;
- padding:0;
-}
-li.menu-item{
- padding: 0;
- margin: 8px 0;
-}
-.menu-item a, .menu-item a:link, .menu-item a:visited{
- background: #f9f8f6;
- width: 100%;
- box-sizing: border-box;
- display: inline-block;
- text-decoration: none;
- color: #444;
- border: 1px solid #eee;
- border-radius: 3px;
- line-height: 2.3em;
-}
-.menu-item a:hover, .menu-item a:focus, .menu-item a:active, .menu-item a.active{
- color: #fff;
- background: #70c1b3;
-}
-
-/********************
-* CONTENT-NAVI *
-********************/
-.content-navi{
- background: transparent;
- padding: 0;
- position: relative;
- text-align: left;
-}
-.navi-list{
- padding: 0px;
-}
-.navi-item{
- list-style: none;
- padding: 0px;
- position: relative;
-}
-.navi-item .iconwrapper{
- display: none;
- position: absolute;
- top: 0px;
- background: transparent;
- color: #ccc;
- padding: 7px 2px 7px;
- left: -24px;
- width: 20px;
- height: 16px;
-}
-
-.navi-item .status{
- position: absolute;
- width: 4px;
- height: 100%;
- max-height: 32px;
- left: -10px;
- border-top: 1px solid #f9f8f6;
- border-bottom: 1px solid #f9f8f6;
-}
-.status.published{
- background:#66b0a3;
-}
-.status.modified{
- background: #FFA500;
-}
-.status.unpublished{
- background:#cc4146;
-}
-.foldertoggle{
- position: absolute;
- left: -55px;
- padding: 8px 5px 5px;
- top: 1px;
- color: #ccc;
-}
-.navi-item .movewrapper {
- position: absolute;
- right: 4px;
- top: 8px;
- color: #f9f8f6;
- color: #444;
- background: transparent;
-}
-.navi-item a{
- display: block;
- padding: 7px 0;
- width: 100%;
- margin-bottom: 1px;
- margin-top: 1px;
- text-decoration: none;
- color: #444;
- background: transparent;
-}
-.navi-item.folder a{
- font-weight: 700;
-}
-.navi-item.file a{
- font-weight: 300;
-}
-.navi-item a:focus,
-.navi-item a:hover,
-.navi-item a.active{
- background:#66b0a3;
- color: #fff;
-}
-[class^="level-"]{
- padding-left: 80px;
- display: block;
- box-sizing: border-box;
-}
-span.level-1{ padding-left: 30px; }
-span.level-2{ padding-left: 40px; }
-span.level-3{ padding-left: 50px; }
-span.level-4{ padding-left: 60px; }
-span.level-5{ padding-left: 70px; }
-span.level-6{ padding-left: 80px; }
-
-.addBaseItem{
- margin-left: -10px;
-}
-.addNaviItem{
- padding: 5px;
- display: block;
-}
-.addNaviItem .hide{
- height: 0px;
- overflow: hidden;
-}
-.addNaviItem a, .addNaviItem a:link, .addNaviItem a:visited{
- padding: 3px 0;
- margin: 0;
- width: auto;
- background: transparent;
- color: #e0474c;
-}
-.addNaviItem a:focus,.addNaviItem a:hover,.addNaviItem a:active{
- text-decoration: underline;
- background: transparent;
- color: #e0474c;
-}
-.addNaviForm input{
- min-height: 0px;
- width: 100%;
- background: #fff;
- padding: 7px;
- outline: 1px solid #efefef;
-}
-.addNaviForm button{
- display: inline-block;
- box-sizing: border-box;
- margin: 5px 0 10px;
- padding: 5px;
- background:#66b0a3;
- color: #f9f8f6;
- width: 50%;
- border: 0px;
- border-radius: 2px;
-}
-.addNaviForm button.fullWidth{
- width: 100%;
-}
-.addNaviForm button:hover{
- background: #4D978A;
-}
-.addNaviForm button.b-left{
- border-right: 1px solid #f9f8f6;
-}
-.addNaviForm button.b-right{
- border-left: 1px solid #f9f8f6;
-}
-.fade-enter-active {
- transition: opacity 0.25s ease-out;
-}
-.fade-leave-active{
- transition: opacity 0.1s ease-out;
-}
-.fade-enter, .fade-leave-to {
- opacity: 0;
-}
-
-/********************
-* CONTENT *
-********************/
-
-header h1, header h2{
- display: inline-block;
-}
-header input[type="submit"]{
- margin-top: 1.5em;
- margin-right: 10px;
- float: right;
- width: 150px;
- box-sizing:border-box;
- border: 0px;
-}
-h1 .version-number{
- text-transform: uppercase;
- font-size: 0.5em;
- font-weight: 300;
-}
-footer{
- text-align: center;
- padding: 20px 0;
-}
-.math{
- white-space: pre;
-}
-
-/********************
-* SETUP FORM *
-********************/
-.authformWrapper{
- width: 100%;
- background: #fff;
- padding: 40px;
- box-shadow: 0px 0px 10px rgba(0,0,0,0.2);
- border-radius: 3px;
- box-sizing: border-box;
-}
-.setupContent{
- width: 100%;
- text-align: center;
-}
-.setupWrapper{
- margin-top: 8%;
- max-width: 350px;
- margin-left: auto;
- margin-right: auto;
-}
-.setupWrapper.extrawidth{
- max-width: 500px;
-}
-.setupWrapper input[type="submit"]
-{
- border-radius: 0px;
- margin-bottom: 0px;
-}
-.setupWrapper input[type="submit"]:disabled{
- cursor: default;
- background: #f9f8f6;
- border: 2px solid #f9f8f6;
-}
-.setupWrapper .formElement{
- margin: 0 0 30px 0;
-}
-
-/* honeypot field */
-.personal-mail{ display:none; }
-
-/* captcha image */
-img.captcha{ margin: 10px 0; }
-
-
-/************************
-* OPEN-CLOSE BUTTON *
-************************/
-
-.button-arrow{
- width: 0;
- height: 0;
- border-left: 5px solid transparent;
- border-right: 5px solid transparent;
- border-bottom: 5px solid transparent;
- border-top: 5px solid #000;
- display:inline-block;
- margin-left: 5px;
-}
-.active .button-arrow{
- border-top: 5px solid #fff;
-}
-.expand .button-arrow{
- border-bottom: 5px solid #000;
- border-top: 0px solid transparent;
- margin-bottom: 5px;
-}
-.expand.active .button-arrow{
- border-bottom: 5px solid #fff;
-}
-
-/*************
-** MODAL **
-*************/
-
-.modal, .modalWindow{
- position:fixed;
- display: block;
- z-index: 9999;
- width: 100%;
- height: 100%;
- padding: 20px;
- box-sizing: border-box;
- top: 0;
- bottom: 0;
- left: 0;
- right: 0;
- background: rgba(0,0,0,0.4);
-}
-.modal{
- display: none;
-}
-.modal.show{
- display: block;
-}
-.modalInner{
- position: relative;
- max-width: 350px;
- margin: 10% auto;
- background: #FFF;
- padding: 50px 50px 20px 50px;
- border-radius: 3px;
- box-shadow: 0px 0px 10px rgba(0,0,0,0.2);
-}
-.modalInner h2{
- margin-top: 0px;
-}
-.modalInner.wide{
- max-width: 500px;
-}
-.closeModal{
- position: absolute;
- top: 0px;
- right: 0px;
- font-weight: 700;
- padding: 0.6em;
- cursor: pointer;
-}
-.closeModal:focus, .closeModal:hover{
- background: #f9f8f6;
-}
-.modal .actionLink{
- display: block;
- width: 100%;
- text-align: center;
- margin-top: -20px;
- margin-bottom: 20px;
-}
-a.openModal:link,a.openModal:active,a.openModal:visited{
- color: #cc4146;
- padding: 0px 20px 20px;
- text-decoration: none;
- display: block;
- margin: auto;
- text-align: center;
- width: 30%;
-}
-a.openModal:focus,a.openModal:hover{
- text-decoration: underline;
-}
-
-/*****************
-** USER-LIST **
-*****************/
-
-ul.userlist{
- padding: 0;
- margin: 10px 20px 30px;
- list-style: none;
-}
-li.row{
- display: inline-block;
- width: 100%;
- box-sizing: border-box;
-}
-li.row.header{
- display:none;
-}
-li.row ul{
- background: #f9f8f6;
- margin: 5px 0;
- padding: 0px;
- width: 100%;
-}
-li.col{
- display: inline-block;
- padding: 15px 10px;
- box-sizing: border-box;
- margin: 0px;
-}
-li.col.username, li.col.email, li.col.userrole, li.col.edit{
- border: 1px solid #fff;
-}
-li.col.username{
- border-top: 2px solid #70c1b3;
-}
-li.col:before{
- width: 25%;
- font-weight:900;
- display:inline-block;
-}
-li.col.username:before{content:"User: ";}
-li.col.userrole:before{content:"Role: ";}
-li.col.email:before{content:"Mail: ";}
-li.col.edit:before{content:"Link: ";}
-.col.username,.col.email,.col.userrole, .col.edit{
- width: 100%;
-}
-.userlist a, .userlist a:link, .userlist a:visited{
- color: #e0474c;
- text-decoration: none;
-}
-.userlist a:hover, .userlist a:focus, .userlist a:active{
- text-decoration: underline;
-}
-
-ul.pagination{
- padding: 0;
- margin: 10px 20px 30px;
- list-style: none;
-}
-li.userpage{
- display: inline-block;
-}
-button.pagebutton{
- border: 1px solid #eee;
- margin: 1px;
- background: #f9f8f6;
- border-radius: 0px;
- padding: 5px 8px;
- font-family: inherit;
- font-size: .9em;
-}
-button.filterbutton{
- background: #f9f8f6;
- border: 1px solid #f9f8f6;
- padding: 10px;
- margin-right: 2px;
- font-family: inherit;
- font-size: .9em;
-}
-button.pagebutton:hover,
-button.pagebutton:focus,
-button.pagebutton.active,
-button.filterbutton:hover,
-button.filterbutton:focus,
-button.filterbutton.active{
- border: 1px solid #70c1b3;
- background: #70c1b3;
- color: #f9f8f6;
-}
-
-.usersearchbox{
- margin: 10px 20px 30px;
-}
-.usersearchrow{
- display: flex;
- background: #70c1b3;
- padding: 5px;
-}
-.usersearchrow input:focus{
- outline: none;
- box-shadow: none;
-}
-button.searchbutton{
- border: 5px solid #f9f8f6;
- color: #f9f8f6;
- border-radius: 0;
- outline: 0;
- width: 10em;
-}
-button.searchbutton.search{
- background: #70c1b3;
-}
-button.searchbutton.search:hover{
- background: #66b0a3;
-}
-button.searchbutton.clear{
- background: #e0474c;
-}
-button.searchbutton.clear:hover{
- background: #cc4146;
-}
-
-
-/*********************
-** WELCOME PAGE **
-*********************/
-
-.formWrapper, .welcome{
- display: block;
- position: relative;
- max-width: 900px;
- margin: auto;
-}
-.welcome{
- padding: 30px 50px;
- box-sizing: border-box;
- background: #FFFFFF;
- box-shadow: 0px 0px 10px rgba(0,0,0,0.2);
-}
-.welcome .welcomeIntro a, .welcome .welcomeCard a:link, .welcome .welcomeCard a:visited{
- text-decoration: none;
- color: #e0474c;
-}
-.welcome .welcomeIntro a:hover, .welcome .welcomeCard a:focus, .welcome .welcomeCard a:active{
- text-decoration: underline;
-}
-.welcome p{
- line-height: 1.5em;
- padding: 0px;
-}
-.welcome a.button{
- margin: 40px auto;
- display: block;
- width: 200px;
- text-align: center;
- padding: 10px;
- border-radius: 3px;
- text-decoration: none;
-}
-.welcome .welcomeCard{
- position: relative;
- margin-top: -1px;
- border-top: 1px solid #efece7;
- border-bottom: 1px solid #efece7;
- width: 100%;
-}
-.welcome .welcomeCard h3{
- font-weight: 700;
-}
-.welcome .welcomeCard a, .welcome .welcomeCard a:link, .welcome .welcomeCard a:visited{
- color: #444;
- text-decoration: none;
- width: 100%;
-}
-.welcome .welcomeCard a:hover, .welcome .welcomeCard a:focus, .welcome .welcomeCard a:active{
- color: #e0474c;
-}
-.welcome .welcomeCard a:after{
- content: '';
- display: block;
- position: absolute;
- left: 100%;
- top: 20px;
- bottom: 0;
- width: 0;
- height: 0;
- border-top: 50px solid transparent;
- border-right: 0px solid transparent;
- border-bottom: 50px solid transparent;
- border-left: 20px solid #efece7;
-}
-.welcome .welcomeCard a:hover:after{
- border-left: 20px solid #e0474c;
-}
-.welcome .welcomeInner{
- margin-top: 20px;
- width: 90%;
- height: 120px;
-}
-
-header.headline
-{
- padding: 0px 0px;
-}
-header a.button{
- float: right;
- margin: 1.5em 0.5em 0 0;
-}
-
-/********************
-* Meta-Tabs *
-********************/
-
-.metanav{
- position: absolute;
- width: 100%;
- margin-top: -35px;
-/* z-index: 1; */
-}
-.tab-button{
- font-size: 0.9em;
- background: transparent;
- padding: 10px 10px;
- margin: 0px 5px 0px 0px;
- min-width: 120px;
- border: 0px;
-}
-.tab-button:focus,
-.tab-button:hover,
-.tab-button:active,
-.tab-button.active{
- background: #fff;
- box-shadow: -2px -2px 4px #eee;
- outline: none;
-}
-section.tab{
-/* z-index: -1; */
- padding: 40px;
-}
-/* fix medium fields next together due to fieldset-logic */
-.tab > form > div{
- display: inline;
-}
-.tab > form > div.large{
- display: block;
-}
-.tab > form > div.medium{
- display: inline-block;
- width: 49.5%;
-}
-.fs-formbuilder > div{
- padding: 18px 20px;
-}
-.tab .metasubmit{
- display: block;
- padding: 10px 20px;
-}
-
-/********************
-* Forms *
-********************/
-
-.large, .medium, .small{
- padding: 18px 0px;
- box-sizing:border-box;
- vertical-align: top;
-}
-.fullwidth{
- width: 100%;
-}
-form .large, form .medium, form .small{
- width: 100%;
- display: block;
-}
-form .hidden{
- display: none;
-}
-.large img{
- width: 100%;
-}
-.large.img-component img, .large .img-upload img{
- width: auto;
- max-width: 100%;
-}
-fieldset{
- display: block;
- position: relative;
- width: 100%;
- margin: 0;
- box-sizing: border-box;
- border: none;
- padding: 0;
-}
-fieldset.fs-formbuilder{
- padding: 20px;
- border: 1px solid #ddd;
- margin: 20px;
- width: auto;
-}
-fieldset.fs-formbuilder legend{
- float: none;
- font-weight: bold;
- font-size: 1.2em;
-}
-label,.label{
- display: inline-block;
- width: 100%;
- font-size: 0.9em;
- font-weight: 300;
- padding: 0px;
- line-height: 1.5em;
-}
-input, select, textarea{
- display: inline-block;
- box-shadow: none;
- width: 100%;
- font-size: 1em;
- box-sizing: border-box;
- min-height: 42px;
- border: 1px solid #eee;
- background: #f9f8f6;
-}
-input:focus, select:focus, textarea:focus{
- border: 1px solid #FFF;
- outline: none;
- box-shadow: 0 0 2px #000;
-}
-input, textarea{
- padding: 10px;
-}
-textarea{
- min-height: 84px;
-}
-select{
- padding: 14px 8px;
-}
-button,input[type="submit"]:hover{
- cursor: pointer;
-}
-input[type="submit"]{
- border-radius: 3px;
- margin-bottom: 40px;
- color: #f9f8f6;
- border: 2px solid #70c1b3;
- background: #70c1b3;
-}
-input[type="submit"]:hover{
- border: 2px solid #66b0a3;
- background: #66b0a3;
-}
-input, select, button[type="button"]{
- min-height: 52px;
-}
-button[type="button"]{
- background: #f9f8f6;
- color: #444;
- border-top: 1px solid #ddd;
- width: 100%;
- text-align: center;
-}
-button[type="button"].active{
- background: #70c1b3;
- color: #f9f8f6;
- border-top: 1px solid #70c1b3;
-}
-button[type="button"].no-settings:hover{
- cursor: default;
-}
-button[type="button"].has-settings:hover{
- background: #efece7;
-}
-button[type="button"].has-settings.active:hover{
- background: #66b0a3;
- border-top: 1px solid #66b0a3;
-}
-button[type="button"].plugin-button{
- border-left: 0px;
- border-right: 0px;
- border-bottom: 0px;
- margin-top: 10px;
- padding: 15px 0;
-}
-button[type="button"].theme-button{
- border: 0px;
- margin: 5px 0 20px;
- padding: 12px;
- border-radius: 3px;
- min-height: 52px;
- background: #FFF;
-}
-button[type="button"].theme-button.active{
- background: #70c1b3;
- color: #f9f8f6;
-}
-button[type="button"].theme-button:hover{
- border:0px;
- border-top: 0px;
-}
-.button{
- color: #fff;
- padding: 10px;
- border-radius: 3px;
-}
-a.button, a.button:link,a.button:visited{
- text-decoration: none;
- color: #fff;
- border: 2px solid #70c1b3;
- background: #70c1b3;
-}
-a.button:focus, a.button:hover, a.button:active{
- border: 2px solid #66b0a3;
- background: #66b0a3;
-}
-
-input[type="submit"].danger{
- border: 2px solid #e0474c;
- background: #e0474c;
-}
-input[type="submit"].danger:hover{
-border: 2px solid #cc4146;
-background: #cc4146;
-}
-
-
-.settings .medium a.button{
- width: 100%;
- display: block;
- box-sizing:border-box;
- text-align: center;
-}
-
-/*****************
-** CARDS **
-*****************/
-
-fieldset.card{
- width: 100%;
- display: inline-block;
- padding: 15px 0px;
- box-sizing: border-box;
- vertical-align: top;
-}
-.card .medium{
- padding: 0px 20px;
-}
-.card img{
- width: 100%;
- background: #f9f8f6;
-}
-.cardInner{
- box-sizing: border-box;
- position: relative;
- border: 1px solid #ddd;
- background-color: #f9f8f6;
-}
-.cardInner .button-box{
- margin: 20px;
-}
-.cardHead h2{
- padding: 5px 0px;
- margin-bottom: 0px;
-}
-.cardHead header, .cardHead p, .cardHead ul{
- padding: 5px 0px;
-}
-.cardHead .cardActive{
- float: right;
-}
-.cardHead header{
- width: 100%;
- height: 52px;
- display: inline-block;
- box-sizing: border-box;
- padding: 20px;
- background: #f9f8f6;
- color: #444;
-}
-.cardHead header legend{
- font-size: 1.2em;
- font-weight: 700;
- float:left;
-}
-.cardHead header label{
- display: inline-block;
- width: auto;
- line-height: 20px;
- margin: 0;
- padding: 0 25px 0 0;
-}
-.cardHead header .control-group .checkmark{
- right:-5px;
- left: auto;
-}
-.cardHead header input{
- width: auto;
- min-height: 0px;
- padding: 0;
- margin: 0;
- vertical-align: middle;
-}
-.cardContent{
- padding: 20px 40px 0;
-}
-.cardDescription{
- line-height: 1.5em;
-}
-.cardDescPlugin{
- padding: 0 20px;
-}
-ul.cardInfo{
- font-size: 0.8em;
- padding: 0px;
-}
-.cardInfo a, .cardInfo a:link,.cardInfo a:visited{
- color: #70c1b3;
- text-decoration: none;
-}
-.cardInfo a:focus,.cardInfo a:hover,.cardInfo a:active{
- text-decoration: underline;
-}
-.cardInfo li{
- display: inline-block;
- box-sizing: border-box;
- vertical-align: top;
- padding: 0px 5px 0 0;
- margin: 0px 5px 0 0;
- color: grey;
- border-right: 1px solid grey;
-}
-.cardInfo li:last-child{
- border-right: 0px;
-}
-.cardFields{
- max-height: 0;
- transition: max-height 0.5s ease-out;
- overflow: hidden;
- padding: 0px 40px;
- border: 0px;
-}
-.cardFields.open{
- max-height: 20000px;
- transition: max-height 0.5s ease-in;
- overflow: hidden;
- border: 1px;
-}
-.description{
- font-size: .8em;
- font-style: italic;
-}
-.cardFields .cardField:first-child{
- margin-top: 50px;
-}
-.cardFields input, .cardFields select, .cardFields textarea, .cardFields .onoffswitch{
- margin-bottom: 6px;
-}
-.cardFields label{
- margin-top: 12px;
-}
-.cardFields fieldset.subfield legend{
- float:none;
- font-weight: bold;
- font-size: 1.2em;
-}
-.cardField{
- position: relative;
- width: 100%;
- display: inline-block;
- margin: 26px 0 0;
-}
-.cardField.full{
- width: 100%;
-}
-.cardField.half{
- width: 49.5%;
- float: left;
- margin-right:0.5%;
-}
-.cardField.third{
- width: 32%;
- float:left;
- margin-right: 1%;
-}
-.cardField label{
- width: 100%;
- margin-top: 0px;
- margin-left: 0px;
- padding: 0px;
- background: transparent;
-}
-.cardField label.control-group{
- padding-left: 30px;
- margin: 10px 0 0;
-}
-.cardField input, .cardField select, .cardField textarea{
- background-color: #FFF;
-}
-textarea.codearea, .cardField textarea.codearea{
- font-family: visiblecontrol,monospace;
- background: #333;
- color: #fff;
-}
-textarea.codearea:focus, .cardField textarea.codearea:focus{
- border: 1px solid #333;
-}
-
-.cardFields fieldset.subfield{
- padding: 20px;
- border: 1px solid #ddd;
- margin: 20px 0 30px;
-}
-
-/********************
-* ALERT/ERRROR *
-********************/
-
-.alert{
- color: #fff;
- width: 100%;
- line-height: 20px;
- display: block;
- margin:0px;
- text-align: center;
- padding: 5px 0px;
-}
-.alert-info{
- background: #70c1b3;
-}
-.alert-error{
- background: #e0474c;
-}
-
-.error input,
-.error select,
-.error textarea{
- border: 1px solid #e0474c;
-}
-.error,
-.error label,
-.error small,
-.error p{
- color: #e0474c;
-}
-.errors .cardHead header{
- background: #e0474c;
- color: #fff;
-}
-span.error{
- font-size: 0.8em;
- line-height: 1em;
-}
-.cardInner span.error{
- display: inline-block;
- margin-top: -8px;
- margin-bottom: 8px;
-}
-.metaLarge{
- box-sizing: border-box;
- width: 100%;
- padding: 18px 20px 0px;
-}
-.metaErrors,.metaSuccess{
- width: 100%;
- padding: 4px 18px;
- color: #fff;
- border-radius: 1px;
- text-align:center;
- box-sizing: border-box;
-}
-.metaErrors{
- background: #e0474c;
-}
-.metaSuccess{
- background: #70c1b3;
-}
-
-/********************
-* Customfields *
-********************/
-
-.customkey{
- width: 29%;
-}
-.customvalue{
- width: 60%;
-}
-
-/********************
-* UPDATE-BANNER *
-********************/
-
-.update-banner{
- display: none;
- position: absolute;
- top: 0;
- left: 0;
- width: 0;
- height: 0;
- border-top: 100px solid #e0474c;
- border-bottom: 100px solid transparent;
- border-right: 100px solid transparent;
-}
-.update-banner.show-banner{
- display: block;
-}
-.update-banner span{
- position: absolute;
- top: -85px;
- left: -20px;
- text-align: center;
- font-size: 0.9em;
- transform: rotate(-45deg);
- display: block;
- color: #fff;
- width: 100px;
-}
-.update-banner a{
- color: #fff;
- text-decoration: none;
-}
-
-/****************************************
-* SELECT BUTTON *
-* https://codepen.io/vkjgr/pen/VYMeXp *
-****************************************/
-
-select{
- /* reset */
- -webkit-appearance: none;
- -moz-appearance: none;
-
- /* style */
- background-image:
- linear-gradient(45deg, transparent 50%, #444 50%),
- linear-gradient(135deg, #444 50%, transparent 50%),
- linear-gradient(to right, #f9f8f6, #f9f8f6);
- background-position:
- calc(100% - 20px) calc(1em + 6px),
- calc(100% - 15px) calc(1em + 6px),
- 100% 0;
- background-size:
- 5px 5px,
- 5px 5px,
- 2.8em 2.8em;
- background-repeat: no-repeat;
- cursor: pointer;
-}
-.cardField select{
- background-image:
- linear-gradient(45deg, transparent 50%, #444 50%),
- linear-gradient(135deg, #444 50%, transparent 50%),
- linear-gradient(to right, #fff, #fff);
-}
-/********************
-* COLOR PICKER *
-********************/
-
-.color-box{
- width: 100%;
- height: 36px;
- margin-top: 5px;
- margin-bottom: 12px;
- display: inline-block;
- border: 1px solid #ddd;
-}
-.color-box:hover{
- cursor: pointer;
-}
-.color-picker-control{
- width: 172px;
-}
-.color-picker-control input{
- margin-top: 0px;
-}
-
-/************************
-* CHECKBOX / RADIO *
-************************/
-
-.control-group input {
- position: absolute;
- opacity: 0;
- cursor: pointer;
- width: 0;
- height: 0;
- padding: 0;
- margin: 0;
- font-size: 0.1em;
- min-height: 0px;
-}
-.control-group {
- text-transform: none;
- display: block;
- position: relative;
- padding-left: 30px;
- margin-bottom: 7px;
- margin-top: 5px;
- cursor: pointer;
- font-size: 1em;
- -webkit-user-select: none;
- -moz-user-select: none;
- -ms-user-select: none;
- user-select: none;
-}
-.checkmark {
- position: absolute;
- top: 0;
- left: 0;
- height: 16px;
- width: 16px;
- border: 2px solid #ccc;
- background-color: #fff;
- border-radius: 2px;
-}
-.checkmark:after {
- content: "";
- position: absolute;
- display: none;
-}
-.control-group .checkmark:after {
- left: 5px;
- top: 0px;
- width: 5px;
- height: 10px;
- border: solid #fff;
- border-width: 0 2px 2px 0;
- -webkit-transform: rotate(45deg);
- -ms-transform: rotate(45deg);
- transform: rotate(45deg);
-}
-.radiomark {
- position: absolute;
- top: 0;
- left: 0;
- height: 16px;
- width: 16px;
- border: 2px solid #ccc;
- background-color: #fff;
- border-radius: 50%;
-}
-.radiomark:after {
- content: "";
- position: absolute;
- display: none;
-}
-.control-group .radiomark:after {
- top: 5px;
- left: 5px;
- width: 6px;
- height: 6px;
- background: #fff;
- border-radius: 50%;
-}
-.control-group:hover input ~ .checkmark,
-.control-group:hover input ~ .radiomark {
- background-color: #ccc;
- border: 2px solid #ccc;
-}
-.control-group input:checked ~ .checkmark,
-.control-group input:checked ~ .radiomark {
- border: 2px solid #70c1b3;
- background-color: #70c1b3;
-}
-.control-group input:checked ~ .checkmark:after,
-.control-group input:checked ~ .radiomark:after {
- display: block;
-}
-.control-group input:disabled ~ .checkmark,
-.control-group input:disabled ~ .radiomark {
- border: 2px solid #eee;
- background-color: #eee;
-}
-
-/**** special alignment for image checkbox ****/
-.control-group.imgcheckmark{
- padding-left: 0;
- font-size: .9em;
-}
-.imgcheckmark .checkmark{
- left: 100%;
-}
-
-
-/********************
-* TOOLTIP *
-********************/
-
-label .help, .label .help{
- float:right;
- width: 15px;
- height: 15px;
- line-height: 15px;
- border-radius: 50%;
- text-align: center;
- background: #fff;
- cursor: pointer;
-}
-
-.help {
- position: relative;
- display: inline-block;
- border-bottom: 0px dotted black;
-}
-.help .tooltip {
- visibility: hidden;
- width: 200px;
- top: -5px;
- right: 25px;
- text-align: center;
- padding: 5px 0;
- border-radius: 6px;
- color: #fff;
- background-color: #555;
-
- position: absolute;
- z-index: 1;
- opacity: 0;
- transition: opacity .6s;
-
- text-transform: none;
-}
-.help .tooltip:after{
- content: "";
- position: absolute;
- top: 15px;
- left: 100%;
- margin-top: -5px;
- border-width: 5px;
- border-color: transparent transparent transparent #999;
- border-style: solid;
-}
-.help:hover .tooltip{
- visibility: visible;
- opacity: 1;
-}
-
-/********************
-* LOGIN *
-********************/
-
-.loginarea{
- position: relative;
- text-align: center;
- width: 100%;
-}
-.loginbutton{
- height: 34px;
-}
-.loginarea .counter{
- position: absolute;
- width: 100%;
- top: 16px;
- color: #444;
-}
-.loginarea .forgotpw{
- margin-top: 20px;
-}
-.loginarea .forgotpw a,.loginarea .forgotpw a:link,.loginarea .forgotpw a:visited{
- font-size: 0.8em;
- text-decoration: none;
- color: #cc4146;
-}
-.loginarea .forgotpw a:hover,.loginarea .forgotpw a:focus,.loginarea .forgotpw a:active{
- text-decoration: underline;
-}
-
-/********************
-* EDITOR *
-********************/
-
-.editor .large{
- position: relative;
-}
-.editor input[name="title"]{
- font-size: 1.8em;
- padding: 10px 20px;
-}
-.editor textarea{
- font-size: 1em;
- padding: 20px;
- line-height: 1.4em;
-}
-.editor span.error{
- position: absolute;
- left:20px;
- bottom: 0px;
-}
-.editor .message{
- display: inline-block;
- width: 70%;
-}
-.editor .message span.error{
- position: relative;
- left: 0;
- width: 100%;
- padding: 15px 20px;
- color: #e0474c;
-}
-.buttonset{
- position: fixed;
- display: block;
- bottom: 0;
- left: 0;
- right: 0;
- box-sizing: border-box;
- padding: 2px;
- max-width: 900px;
- background: #fff;
- box-shadow: 0 0 4px #ddd;
- z-index: 99;
-}
-.buttonset .message.error{
- position: absolute;
- background: #e0474c;
- color: #fff;
- font-size: 0.9em;
- width: 100%;
- left: 0;
- top: -25px;
- padding: 5px 40px;
- box-sizing: border-box;
- box-shadow: 0 0 2px #ddd;
-}
-
-.editor button, .editor a{
- position: relative;
- display: inline-block;
- min-width: 40px;
- margin: 4px 2px;
- padding: 10px;
- border-radius: 0px;
- font-size: 0.8em;
- text-align: center;
- text-decoration: none;
- box-sizing: border-box;
-}
-.editor .secondary{
- display: inline-block;
- float: right;
-}
-.editor button.alert:enabled{
- border: 1px solid #e0474c;
- background: #e0474c;
- color: #fff;
-}
-.editor button.alert:enabled:focus,
-.editor button.alert:enabled:hover,
-.editor button.alert:enabled:active{
- border: 1px solid #e0474c;
- background: #cc4146;
-}
-.editor button.danger:enabled,
-.editor button.danger[enabled],
-.editor a.button--secondary,
-.editor a.button--secondary:visited{
- border: 1px solid #eee;
- background: #fff;
- color: #444;
-}
-.editor button:enabled,
-.editor button[enabled],
-.editor a.button--secondary:focus,
-.editor a.button--secondary:hover,
-.editor a.button--secondary:active{
- border: 1px solid #66b0a3;
- background: #66b0a3;
- color: #fff;
-}
-.editor button:enabled:hover,
-.editor button[enabled]:hover{
- border: 1px solid #4D978A;
- background: #4D978A;
- color: #fff;
-}
-.editor button.danger:enabled:hover,
-.editor button.danger[enabled]:hover{
- border: 1px solid #e0474c;
- background:#e0474c;
- color: #fff;
-}
-button:disabled,
-button[disabled]{
- border: 1px solid #eee;
- background: #eee;
- color: #444;
- cursor: default;
-}
-
-[v-cloak]{
- display: none;
-}
-.mobile{
- display: block;
-}
-.desktop{
- display: none;
-}
-
-/****************
-** BLOX EDITOR **
-****************/
-
-.blox-body{
- position: relative;
- padding: 18px 20px
-}
-.blox-overlay{
- position:absolute;
- display: block;
- z-index: 10;
- box-sizing: border-box;
- top: 0;
- bottom: 0;
- left: 0;
- right: 0;
- background: #FFF;
- background: rgba(255,255,255,0.8);
-}
-.blox{
- padding: 1px 20px;
- line-height: 1.5em;
- font-size: 16px;
-}
-.blox p{
- margin-top: 12px;
- margin-bottom: 12px;
-}
-.blox:hover{
- background: #f9f8f6;
-}
-.blox-editor{
- position: relative;
-}
-.blox-buttons{
- position: absolute;
- bottom: -15px;
- text-align: right;
- right: 25px;
- width: 200px;
- z-index: 99;
-}
-.blox-buttons button{
- display: inline-block;
- box-sizing: border-box;
- margin: 2px;
- padding: 3px 6px;
- width: 80px;
- text-align: center;
- color: #444;
- background: #f9f8f6;
- border: 2px solid #fff;
- border-radius: 2px;
- font-size: 0.9em;
-}
-.blox-buttons button.edit{
- background: #70c1b3;
- color: #fff;
-}
-.blox-buttons button.edit:hover{
- background: #4D978A;
-}
-.blox-buttons button.cancel:hover{
- background: #e0474c;
- color: #fff;
-}
-.blox-buttons button.edit:disabled, .blox-buttons button.cancel:disabled{
- background: #eee;
- color: #444;
- border: 1px solid #eee;
-}
-
-
-.sideaction{
- position: absolute;
- top: 0px;
- font-size: 0.8em;
- right: -22px;
-}
-.sideaction button{
- display: block;
- font-weight: 300;
- font-size: 0.9em;
- background: #fff;
- color: #fff;
- width: 20px;
- height: 20px;
- line-height: 25px;
- text-align: center;
- padding: 0px;
- margin: 1px;
- border: 0px;
- border-radius: 1px;
-}
-.blox-wrapper{
- position: relative;
-}
-.editactive .sideaction button,
-.blox-wrapper:hover button.add,
-.blox-wrapper:hover button.delete{
- background-color: #f9f8f6;
- color: #666;
-}
-.sideaction:hover ~ .background-helper {
- background-color: #f9f8f6;
-}
-.editactive .background-helper{
- background-color: transparent!important;
-}
-.blox-wrapper button.add:hover{
- background: #66b0a3;
- color: #fff;
-}
-.blox-wrapper button.delete:hover{
- background: #e0474c;
- color: #fff;
-}
-
-
-
-.blox-editor textarea{
- font-family: arial;
- line-height: 1.5em;
- font-size: 16px;
- padding-left: 20px;
- padding-right: 20px;
- box-sizing: border-box;
- min-height: 40px;
-}
-.blox-editor textarea:focus, .blox-editor input:focus{
- box-shadow: none;
- outline: none;
-}
-.blox-editor input.mdcontent.h2,.blox-editor input.mdcontent.h3,.blox-editor input.mdcontent.h4,.blox-editor input.mdcontent.h5,.blox-editor input.mdcontent.h6{
- padding-left: 35px;
- height: auto;
-}
-.blox-editor input.mdcontent.h2{
- font-size: 1.6em;
- font-weight: 700;
-}
-.blox-editor input.mdcontent.h3{
- font-size: 1.3em;
- font-weight: 700;
-}
-.blox-editor input.mdcontent.h4{
- font-size: 1.1em;
- font-weight: 700;
-}
-.blox-editor input.mdcontent.h5{
- font-size: 1em;
- font-weight: 700;
-}
-.blox-editor input.mdcontent.h6{
- font-size: 1em;
- font-weight: 300;
- font-style: italic;
-}
-button.hdown{
- position: absolute;
- padding: 8px;
- top: 1px;
- bottom: 1px;
- left: 0px;
- font-size: 1em;
- font-weight: 700;
- border: 0px solid #fff;
- border-right: 1px solid #fff;
-}
-button.hdown.headline{
- color: #f9f8f6;
- background: #66b0a3;
-}
-.blox-editor .contenttype {
- position: absolute;
- top: 15px;
- left: -25px;
- color: #666;
-}
-.visible{
- display: block;
-}
-.hidden{
- visibility: hidden;
-}
-.hidden .blox:hover{
- background: #fff;
-}
-.component{
- position: absolute;
- width: 100%;
- z-index:9;
-}
-
-
-.blog-post{
-
-}
-.blog-post svg{
- color: #ccc;
- margin-right: 5px;
-}
-.blog-post a,
-.blog-post a:link,
-.blog-post a:visited{
- color: #444;
- text-decoration: none;
- display: inline-block;
- width: 100%;
- padding: 0px 15px;
- margin: 5px 0;
- border-left: 3px solid;
- box-sizing: border-box;
- background-color: #f9f8f6;
-}
-.blog-post a:focus,
-.blog-post a:hover,
-.blog-post a:active{
- background-color: #f6f5f3;
-}
-.blog-post a.unpublished{
- border-color: #cc4146;
-}
-.blog-post a.published{
- border-color: #66b0a3;
-}
-.blog-post a.modified{
- border-color: #FFA500;
-}
-.blog-post .post-date{
- float: right;
- font-size: 0.8em;
- font-weight: 300;
- color: #444;
-}
-.posts.formWrapper{
- margin: 20px 0;
-}
-.posts input{
- width: 80%;
- float: left;
-}
-button.post-button{
- color: #f9f8f6;
- background: #66b0a3;
- border: 0px;
- width: 20%;
- text-align: center;
-}
-button.post-button:hover{
- background: #4D978A;
-}
-
-
-/* .format-bar at the bottom of the page */
-
-/********************
-* SVG ICONS *
-********************/
-
-.icon {
- display: inline-block;
- width: 1em;
- height: 1em;
- stroke-width: 0;
- stroke: currentColor;
- fill: currentColor;
-}
-.icon.baseline{
- top: 0.125em;
- position: relative;
-}
-.icon-file-text-o {
- width: 0.8571428571428571em;
-}
-.icon-bookmark-o {
- width: 0.7142857142857142em;
- margin-right: 10px;
-}
-.icon-upload {
- width: 0.9285714285714285em;
-}
-.format-bar .hidden{
- display: none;
-}
-.format-bar .component{
- position: relative;
-}
-.format-bar{
- padding: 20px;
- width:100%;
- box-sizing: border-box;
-}
-.format-bar .editactive{
- position: relative;
- margin-left: -20px;
- margin-right: -20px;
-}
-.format-bar.blox{
- width: auto;
- background: #f9f8f6;
-}
-.newblock{
- z-index: 20;
-}
-.newblock .sideaction{
- display: none;
-}
-.newblock-info{
- padding: 0 0 0 20px;
- font-size: 0.9em;
- line-height: 30px;
- height: 30px;
- background: #66b0a1;
- margin-bottom: 2px;
- color: #fff;
-}
-.newblock-close{
- line-height: 30px;
- height: 30px;
- border: 0px;
- color: #fff;
- background: #e0474c;
- float: right;
-}
-/* format line for each block */
-.formatbuttons{
- margin: 5px 0px 2px;
- font-size: 0.7em;
- text-align: center;
-}
-.formatbuttons.hidden{
- display: none;
-}
-.formatbuttons button.format-item {
- width: 30px;
- height: 30px;
-}
-.fade-editor-enter-active{
- transition: opacity .5s;
-}
-.fade-editor-enter{
- opacity: 0.3;
-}
-button.format-item{
- margin: 2px;
- padding: 12px 5px;
- background: #f9f8f6;
- border: 1px solid #eee;
- color: #444;
- display: inline;
- border-radius: 2px;
- width: 40px;
- height: 40px;
- text-align: center;
-}
-button.format-item:hover{
- background: #66b0a3;
- border: 1px solid #66b0a3;
- color: #fff;
- cursor: pointer;
-}
-button.format-item.disabled, button.format-item.close{
- width: 90px;
-}
-button.format-item.disabled{
- background: #f9f8f6;
- color: #444;
- border: 1px solid #eee;
- cursor: initial;
-}
-button.format-item.close:hover{
- background: #cc4146;
- border: 1px solid #cc4146;
-}
-
-/************************
-** INLINE FORMATG BAR **
-************************/
-
-/* format menu */
-.inlineFormatBar {
- box-sizing:content-box;
- height: 30px;
- padding: 5px 10px;
- background: #333;
- border-radius: 3px;
- position: absolute;
- top: 0;
- left: 0;
- transform: translate(-50%, -100%);
- display: flex;
- justify-content: center;
- align-items: center;
-}
-/* Triangle below format popup */
-.inlineFormatBar:after {
- content: '';
- position: absolute;
- left: 50%;
- bottom: -5px;
- transform: translateX(-50%);
- width: 0;
- height: 0;
- border-left: 6px solid transparent;
- border-right: 6px solid transparent;
- border-top: 6px solid #333;
-}
-.inlineFormatItem {
- color: #FFF;
- cursor: pointer;
- font-size: 0.9em;
- padding: 3px;
-}
-.inlineFormatItem:hover {
- color: #1199ff;
-}
-.inlineFormatItem + .inlineFormatItem {
- margin-left: 10px;
-}
-.inlineFormatItem.inlineFormatLink
-{
- margin-left: 2px;
- margin-right: 2px;
-}
-.urlinput{
- width: 75%;
- min-height: auto;
- background: #555;
- color: #fff;
- border: 0px;
- padding: 5px;
-}
-.urlinput:focus{
- outline: 0px;
- border: 0px;
-}
-/************************
-** BLOX EDITOR CONTENT **
-************************/
-
-.blox h1, .blox h2, .blox h3, .blox h4, .blox h5, .blox h6{ font-weight: 700; line-height: 1em; }
-.blox h1{ font-size: 2.2em; margin: 0.6em 0 0.6em; }
-.blox h2{ font-size: 1.6em; margin: 1.3em 0 0.6em; }
-.blox h3{ font-size: 1.3em; text-transform: none; margin: 1.2em 0 0.6em; }
-.blox h4{ font-size: 1.1em; margin: 1.2em 0 0.6em; }
-.blox h5{ font-size: 1em; margin: 1.2em 0 0.6em; }
-.blox h6{ font-size: 1em; font-style: italic; font-weight:300; margin: 1em 0 0.6em; }
-.title input{
- font-size: 2.2em;
- font-weight: 700;
- padding: 20px;
-}
-.blox pre,.blox code{
- white-space: pre;
- color: #333;
- background: #f9f8f6;
-}
-.blox code{
- display: inline-block;
- padding: 0 0.5em;
- font-size: 0.8em;
- line-height: 1.4em;
- border-radius: 3px;
-}
-.blox code.hljs{
- background: transparent;
-}
-.blox pre{
- padding: 10px;
- display: block;
- max-width: 100%;
- overflow-x: auto;
- border-left: 4px solid #e0474c;
-}
-.blox code.language-pagebreak::after{
- content: '---pagebreak with the eBook plugin---';
-}
-
-.blox table{
- width: 100%;
- border-collapse: collapse;
-}
-.blox thead{
- border-bottom: 1px solid #e0474c;
- border-top: 1px solid #e0474c;
- background: #f9f8f6;
- font-weight: 700;
-}
-.blox tbody{}
-.blox th{ padding: 10px 0;}
-.blox tr,.blox-editor tr{}
-.blox tr:nth-child{ }
-.blox tr:nth-child(even){ background-color:#f9f8f6; }
-.blox td{ padding: 5px;}
-
-.blox-editor table{
- display: inline-table;
- width: 100%;
- border-collapse: collapse;
- margin-bottom: 20px;
-}
-.blox-editor thead{}
-.blox-editor tbody{}
-.blox-editor tr{}
-.blox-editor th{ border: 1px solid #ccc; padding: 5px; }
-.blox-editor td{ border: 1px solid #ccc; padding: 5px; }
-.blox-editor td.noteditable, .blox-editor th.noteditable{
- border: 1px solid #ccc;
- text-align:center;
- color: #ccc;
- background: #f9f8f6;
- font-weight: 300;
- padding: 5px 0 0;
-}
-.blox-editor tr:first-child:hover td.noteditable:first-child{
- cursor: default;
- color: #ccc;
- background: #f9f8f6;
-}
-.blox-editor td.noteditable{
- cursor: pointer;
-}
-.blox-editor td.noteditable:hover{
- background: #ccc;
- color: #fff;
-}
-.blox-editor .columnaction, .blox-editor .rowaction{
- position: absolute;
- background: #fff;
- width: 150px;
- font-size: 0.9em;
- color: #000;
- text-align: left;
- box-shadow: 0 0 2px #000;
- margin: 5px;
- z-index:999999;
-}
-.blox-editor .rowaction{
- margin-left: 53px;
- margin-top: -3px;
-}
-.blox-editor .actionline{
- padding: 5px 10px;
- cursor: pointer;
-}
-.blox-editor .actionline:hover{
- background: #70c1b3;
- color: #fff;
-}
-.blox dl{
- border-top: 1px solid #e0474c;
- border-bottom: 1px solid #e0474c;
- padding: 0.5em 0;
- box-sizing: border-box;
-}
-.blox dt, .blox dd{
- width: 100%;
- margin: 0;
- padding: 3px 5px;
- box-sizing: border-box;
- display: inline-block;
- vertical-align: top;
-}
-.blox dt{
- font-weight: 700;
-}
-.blox dt::after{
- content: ":";
-}
-.blox dd{
- padding-left: 40px;
-}
-.definitionList{
- background: #f9f8f6;
-}
-.definitionRow{
- width: 100%;
- display: block;
- padding: 20px 20px 0 20px;
- box-sizing: border-box;
-}
-.definitionRow .icon-arrows-v,
-.definitionRow .icon-dots-two-vertical{
- display: inline-block;
- margin-top: 15px;
-}
-.definitionTerm{
- width: 29%;
- display: inline-block;
- vertical-align: top;
-}
-.definitionDescription{
- width: 60%;
- display: inline-block;
- vertical-align: top;
- background: #fff;
-}
-.definitionRow input, .definitionRow textarea{
- background: #fff;
-}
-button.addDL,
-button.delDL{
- display: inline-block;
- vertical-align: top;
- font-weight: 300;
- font-size: 0.8em;
- height: 20px;
- line-height: 20px;
- border: 0px;
- background: transparent;
-}
-button.addDL .icon-plus,
-button.delDL .icon-minus{
- width: 10px;
- height: 10px;
- border-radius: 1px;
- text-align: center;
- color:#f9f8f6;
- padding: 2px 1px 1px;
- line-height: 10px;
-}
-button.addDL{
- margin: 20px;
-}
-button.addDL i{
- background: #70c1b3;
-}
-button.addDL i:hover{
- background:#66b0a3;
-}
-button.delDL i{
- background: #e0474c;
-}
-button.delDL i:hover{
- background: #cc4146;
-}
-.definitionList .icon-arrows-v{
- color: #ddd;
-}
-.definitionList .icon-plus{
- background: #66b0a3;
- width: 10px;
- height: 10px;
-}
-.definitionList .icon-minus{
- background: #e0474c;
-}
-.blox ul, .blox ol{
- padding-left: 0px;
- margin-left: 18px;
-}
-.blox blockquote{
- border-left: 4px solid #e0474c;
- background: #f9f8f6;
- position: relative;
- font-style: italic;
- font-family: serif;
- border-left: 4px solid #e0474c;
- background: #f9f8f6;
- margin: 12px 0;
- padding: 5px;
-}
-.blox blockquote:before {
- position: absolute;
- left: 0px;
- top: 20px;
- color: #ccc;
- content: open-quote;
- font-size: 4em;
-}
-.blox blockquote p{
- margin-left: 50px;
-}
-.imageupload{
- width: 50%;
- position: relative;
- display: inline-block;
- border-right: 1px dotted grey;
- box-sizing:border-box;
-}
-.imageselect{
- width: 50%;
- position: relative;
- display: inline-block;
- box-sizing:border-box;
- border:0px;
- padding: 0 0 0 0;
- margin: 0 0 0 0;
- min-height: 70px;
- background: #f9f8f6;
- font-family: Helvetica, Calibri, Arial, sans-serif;
-}
-.dropbox{
- min-height: 70px;
- background: #f9f8f6;
- padding: 0px;
- box-sizing: border-box;
- margin-bottom: 10px;
-}
-.dropbox p{
- position: relative;
- cursor: pointer;
- line-height: 70px;
- width: 100%;
- text-align: center;
- box-sizing:border-box;
- padding: 0;
- margin: 0;
-}
-.dropbox input, .dropbox select{
- background-color: #fff;
- width: 80%;
- margin: 2px 0;
- display: inline-block;
-}
-.video input{
- width: 75%;
- margin: 15px 0;
-}
-.dropbox select{
- background-image: linear-gradient(45deg, transparent 50%, #444 50%), linear-gradient(135deg, #444 50%, transparent 50%), linear-gradient(to right, #fff, #fff);
-}
-.dropbox label{
- width: 20%;
- display: inline-block;
-}
-.video label{
- text-align: right;
- padding-right: 10px;
- box-sizing: border-box;
-}
-.dropbox .imgmeta{
- padding: 30px;
- box-sizing: border-box;
-}
-.dropbox .input-file{
- opacity: 0;
- width: 100%;
- height: 70px;
- position: absolute;
- cursor: pointer;
- z-index: 1;
-}
-.blox img, img.uploadPreview{
- display: block;
- margin: auto;
- max-width: 100%;
- height: auto;
-}
-.blox img.youtube{
- position: relative;
-}
-.blox .video-container{
- position: relative;
- text-align: center;
-}
-.blox button.play-video {
- position: absolute;
- top: 50%;
- margin-top: -50px;
- margin-left: -50px;
- height: 100px;
- width: 100px;
- background: #e0474c;
- color: #FFFFFF;
- border-radius: 50%;
- border: 0px;
- padding: 0;
- text-align: center;
-}
-.blox button.play-video:hover {
- background: #cc4146;
-}
-.blox button.play-video::after {
- position: absolute;
- top: 50%;
- margin: -20px 0 0 -15px;
- height: 0;
- width: 0;
- border-style: solid;
- border-width: 20px 0 20px 40px;
- border-color: transparent transparent transparent rgba(255, 255, 255, 0.75);
- content: ' ';
-}
-.medialib{
- margin: auto;
- width: 100%;
- height: 80%;
- overflow: auto;
- background: #f9f8f6;
- max-width: 1200px;
-}
-.imagecard{
- margin: 10px;
- box-shadow:0 2px 5px rgba(22,23,26,.05);
- display: inline-block;
- vertical-align: top;
- background: #fff;
-}
-
-sup{}
-cite{}
-abbr{}
-hr{
- background: #ddd;
- height: 2px;
- margin: 20px 0;
- border: 0px;
-}
-.blox ul.TOC,.blox .TOC ul{
- list-style: none;
- padding-left: 0px;
- margin-left: 0px;
-}
-.blox .TOC li:before{
- content: "\2192";
- margin-left: -7px;
- margin-right: 7px;
-}
-.blox .TOC li.h1:before{
- content: "";
-}
-.blox ul.TOC{
- background: #f9f8f6;
- width: 100%;
- padding: 20px;
- box-sizing:border-box;
-}
-.blox li.h1{
- font-weight: 700;
- height:auto;
-}
-.blox li.h2,.blox li.h3,.blox li.h4,.blox li.h5,.blox li.h6{
- font-weight: 400;
- padding-left: 25px;
- height:auto;
-}
-.blox a, .blox a:link, .blox a:visited,
-footer a, footer a:link, footer a:visited
-{
- text-decoration: none;
- color: #e0474c;
-}
-.blox a:focus, .blox a:hover, .blox a:active,
-footer a:focus, footer a:hover, footer a:active
-{
- text-decoration: underline;
-}
-.setupWrapper a, .setupWrapper a:link, .setupWrapper a:visited
-{
- text-decoration: none;
- color: #444;
-}
-.setupWrapper a:focus, .setupWrapper a:hover, .setupWrapper a:active
-{
- color: #e0474c;
-}
-.blox .TOC li:before{ color: #bbb; }
-
-.mbfix{ margin-bottom: 0px!important; }
-
-.slugbutton{
- right: 20px;
- height: 52px;
- width: 150px;
-}
-
-@media only screen and (min-width: 600px) {
- section{
- padding: 20px 20px 40px;
- }
- header.headline{
- padding: 0px 20px;
- }
- .large, .medium, .small{
- padding: 18px 20px;
- }
- form .medium{
- width: 49.5%;
- display: inline-block;
- }
- form .small{
- width: 33.3%;
- display: inline-block;
- }
- fieldset.card{
- padding: 15px 20px;
- }
- .settings .medium a.button{
- display: inline-block;
- width: auto;
- }
- .editor button, .editor a.button--secondary{
- min-width: 150px;
- font-size: 0.9em;
- }
-
- .blox-editor .loadwrapper{
- display: block;
- position: relative;
- width: 40px;
- height: 40px;
- margin: auto;
- text-align: center;
- }
- .blox-editor .loadoverlay{
- display: block;
- position: absolute;
- z-index: 999;
- left: 0px;
- right: 0px;
- top: 0px;
- bottom: 0px;
- background: rgba(255,255,255,0.4);
- }
- /* load design editor button */
- .editor button.load:after, .blox-editor .load:after,
- .editor button.success:after,
- .editor button.fail:after{
- position: absolute;
- right: 8px;
- top: 6px;
- width: 8px;
- height: 8px;
- border-radius: 50%;
- content: '';
- }
- .editor button.load:after, .blox-editor .load:after{
- border: 8px solid #fff;
- border-top: 8px solid #ccc;
- background: #ccc;
- animation: spin 2s linear infinite;
- }
- .blox-editor .loadoverlay .load:after{
- position: absolute;
- left: 50%;
- top: 50%;
- margin-top: -10px;
- margin-left: -10px;
- }
- @keyframes spin {
- 0% { transform: rotate(0deg); }
- 100% { transform: rotate(360deg); }
- }
- .editor button.success:after,
- .editor button.fail:after{
- border: 8px solid #eee;
- }
- .editor button.success:after{
- background: #00cc00;
- }
- .editor button.fail:after{
- background: #e0474c;
- }
-
- /* load design navi buttons */
- .navi-item.load:after
- {
- position: absolute;
- right: 6px;
- top: 6px;
- width: 6px;
- height: 6px;
- border-radius: 50%;
- content: '';
- border: 8px solid #eee; /* background */
- border-top: 8px solid #ccc; /* moving border */
- background: #ccc; /* dot in the middle */
- animation: spin 2s linear infinite;
- }
- .editor button.button--secondary, .editor a.button--secondary{
- width: auto;
- min-width: auto;
- max-width: inherit;
- }
-
- .mobile{
- display: none;
- }
- .desktop{
- display: inline-block;
- }
-}
-@media only screen and (min-width: 900px) {
- .main{
- margin: 30px auto;
- padding: 20px 30px;
- }
- .infoline{
- min-height: 30px;
- width: 100%;
- display: block;
- color: #bbb;
- font-size: 0.9em;
- }
- .infoline .help{
- float: right;
- text-align: center;
- width: 20px;
- height: 20px;
- line-height: 20px;
- border-radius: 50%;
- background: #fff;
- cursor: pointer;
- }
- span.level-1{ padding-left: 5px; }
- span.level-2{ padding-left: 20px; }
- span.level-3{ padding-left: 35px; }
- span.level-4{ padding-left: 50px; }
- span.level-5{ padding-left: 65px; }
- fieldset.plugin{
- width: 49.5%;
- }
- .welcome .medium{
- width: 66%;
- display: inline-block;
- }
- .welcome .small{
- width: 33.3%;
- display: inline-block;
- }
- .header-navi ul{
- font-size: 1em;
- }
- article{
- width: 80%;
- display: inline-block;
- vertical-align: top;
- }
- article a{
- text-decoration: none;
- color: #e0474c;
- }
- aside.sidebar{
- width: 19%;
- display: inline-block;
- vertical-align: top;
- background: transparent;
- }
- .sidebar-menu, .sidebar-menu--content{
- max-height: 2000px;
- padding: 0 0 0 0;
- overflow: visible;
- box-sizing: border-box;
- font-size: 1em;
- text-align: left;
- }
- .sidebar-menu{
- max-height: 2000px;
- }
- .sidebar-menu--content{
- max-height: 3000px;
- }
- .menu-action{
- display: none;
- width: 0px;
- height: 0px;
- }
- ul.menu-list{
- margin: 5px 0 0 20px;
- }
- .navi-items a{
- padding: 20px 5px 10px 0px;
- }
- .navi-item .status{
- left: -30px;
- }
- .navi-item .iconwrapper{
- display: block;
- }
- .navi-item a .movewrapper,
- .navi-item a:link .movewrapper,
- .navi-item a:visited .movewrapper{
- color: #f9f8f6;
- background: transparent;
- }
- .navi-item a:focus,
- .navi-item a:focus .iconwrapper,
- .navi-item a:focus .movewrapper,
- .navi-item a:hover,
- .navi-item a:hover .iconwrapper,
- .navi-item a:hover .movewrapper,
- .navi-item a.active,
- .navi-item a.active .iconwrapper,
- .navi-item a.active .movewrapper
- {
- background:#fff;
- color: #444;
- }
- .navi-items span{
- display: inline;
- }
- .level-1 > ul.menu-list{
- margin-bottom: 30px;
- }
- .menu-list li{
- font-weight: 300;
- }
- .sidebar-menu, .sidebar-menu--content{
- font-size: 0.9em;
- }
- .sidebar-menu--content li.level-1, .sidebar-menu--content li.level-0 {
- font-weight: 700;
- }
- .menu-list.margin-bottom{
- margin-bottom: 40px;
- }
- .menu-item a, .menu-item a:link, .menu-item a:visited{
- position: relative;
- width: auto;
- padding: 1px 0px;
- line-height: 1.2em;
- border: 0px;
- }
- .menu-item a:hover, .menu-item a:focus, .menu-item a:active, .menu-item a.active, .active > a{
- color: #fff;
- color: #e0474c;
- background: transparent;
- }
- .menu-item a::before{
- position: absolute;
- left: -15px;
- content:"\A";
- border-style: solid;
- border-width: 8px 0px 8px 8px;
- border-color: transparent transparent transparent #fff;
- }
- .menu-item a:hover:before, .menu-item a:focus:before, .menu-item a:active:before, .menu-item a.active:before{
- border-left-color: #e0474c;
- }
- .addNaviItem a:focus,.addNaviItem a:hover,.addNaviItem a:active{
- text-decoration: underline;
- background: transparent;
- color: #e0474c;
- }
- .card .medium{
- padding: 0px 20px;
- }
- .card .medium button[type="button"]{
- margin-top: 10px;
- margin-bottom: 40px;
- }
- .card .medium input[type="submit"]{
- margin-top: 10px;
- margin-bottom: 40px;
- }
- li.row.header{
- display: block;
- }
- li.row.header ul{
- color: #fff;
- background: #70c1b3;
- }
- li.col.username, li.col.email, li.col.userrole, li.col.edit{
- border: 1px solid #fff;
- }
- li.col.username{
- border-top: 2px solid #70c1b3;
- }
- li.col:before{
- width: 0%;
- display:none;
- }
- li.row ul{
- margin: 0px;
- }
- .col.username,.col.email,.col.userrole{
- width: 28%;
- }
- .col.edit{
- width: 16%;
- }
- li.col.username{
- border-top: 0px;
- border-left: 0px solid #70c1b3;
- }
- .buttonset{
- width: 76%;
- padding: 10px 40px;
- left: auto;
- right: auto;
- max-width: 900px;
- }
- .editor button, .editor a{
- border-radius: 3px;
- }
-}
\ No newline at end of file
diff --git a/system/author/css/tachyons.min.css b/system/author/css/tachyons.min.css
deleted file mode 100644
index 79231b9..0000000
--- a/system/author/css/tachyons.min.css
+++ /dev/null
@@ -1,2 +0,0 @@
-/*! TACHYONS v4.12.0 | http://tachyons.io */
-/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}.border-box,a,article,aside,blockquote,body,code,dd,div,dl,dt,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,html,input[type=email],input[type=number],input[type=password],input[type=tel],input[type=text],input[type=url],legend,li,main,nav,ol,p,pre,section,table,td,textarea,th,tr,ul{box-sizing:border-box}.aspect-ratio{height:0;position:relative}.aspect-ratio--16x9{padding-bottom:56.25%}.aspect-ratio--9x16{padding-bottom:177.77%}.aspect-ratio--4x3{padding-bottom:75%}.aspect-ratio--3x4{padding-bottom:133.33%}.aspect-ratio--6x4{padding-bottom:66.6%}.aspect-ratio--4x6{padding-bottom:150%}.aspect-ratio--8x5{padding-bottom:62.5%}.aspect-ratio--5x8{padding-bottom:160%}.aspect-ratio--7x5{padding-bottom:71.42%}.aspect-ratio--5x7{padding-bottom:140%}.aspect-ratio--1x1{padding-bottom:100%}.aspect-ratio--object{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:100}img{max-width:100%}.cover{background-size:cover!important}.contain{background-size:contain!important}.bg-center{background-position:50%}.bg-center,.bg-top{background-repeat:no-repeat}.bg-top{background-position:top}.bg-right{background-position:100%}.bg-bottom,.bg-right{background-repeat:no-repeat}.bg-bottom{background-position:bottom}.bg-left{background-repeat:no-repeat;background-position:0}.outline{outline:1px solid}.outline-transparent{outline:1px solid transparent}.outline-0{outline:0}.ba{border-style:solid;border-width:1px}.bt{border-top-style:solid;border-top-width:1px}.br{border-right-style:solid;border-right-width:1px}.bb{border-bottom-style:solid;border-bottom-width:1px}.bl{border-left-style:solid;border-left-width:1px}.bn{border-style:none;border-width:0}.b--black{border-color:#000}.b--near-black{border-color:#111}.b--dark-gray{border-color:#333}.b--mid-gray{border-color:#555}.b--gray{border-color:#777}.b--silver{border-color:#999}.b--light-silver{border-color:#aaa}.b--moon-gray{border-color:#ccc}.b--light-gray{border-color:#eee}.b--near-white{border-color:#f4f4f4}.b--white{border-color:#fff}.b--white-90{border-color:hsla(0,0%,100%,.9)}.b--white-80{border-color:hsla(0,0%,100%,.8)}.b--white-70{border-color:hsla(0,0%,100%,.7)}.b--white-60{border-color:hsla(0,0%,100%,.6)}.b--white-50{border-color:hsla(0,0%,100%,.5)}.b--white-40{border-color:hsla(0,0%,100%,.4)}.b--white-30{border-color:hsla(0,0%,100%,.3)}.b--white-20{border-color:hsla(0,0%,100%,.2)}.b--white-10{border-color:hsla(0,0%,100%,.1)}.b--white-05{border-color:hsla(0,0%,100%,.05)}.b--white-025{border-color:hsla(0,0%,100%,.025)}.b--white-0125{border-color:hsla(0,0%,100%,.0125)}.b--black-90{border-color:rgba(0,0,0,.9)}.b--black-80{border-color:rgba(0,0,0,.8)}.b--black-70{border-color:rgba(0,0,0,.7)}.b--black-60{border-color:rgba(0,0,0,.6)}.b--black-50{border-color:rgba(0,0,0,.5)}.b--black-40{border-color:rgba(0,0,0,.4)}.b--black-30{border-color:rgba(0,0,0,.3)}.b--black-20{border-color:rgba(0,0,0,.2)}.b--black-10{border-color:rgba(0,0,0,.1)}.b--black-05{border-color:rgba(0,0,0,.05)}.b--black-025{border-color:rgba(0,0,0,.025)}.b--black-0125{border-color:rgba(0,0,0,.0125)}.b--dark-red{border-color:#e7040f}.b--red{border-color:#ff4136}.b--light-red{border-color:#ff725c}.b--orange{border-color:#ff6300}.b--gold{border-color:#ffb700}.b--yellow{border-color:gold}.b--light-yellow{border-color:#fbf1a9}.b--purple{border-color:#5e2ca5}.b--light-purple{border-color:#a463f2}.b--dark-pink{border-color:#d5008f}.b--hot-pink{border-color:#ff41b4}.b--pink{border-color:#ff80cc}.b--light-pink{border-color:#ffa3d7}.b--dark-green{border-color:#137752}.b--green{border-color:#19a974}.b--light-green{border-color:#9eebcf}.b--navy{border-color:#001b44}.b--dark-blue{border-color:#00449e}.b--blue{border-color:#357edd}.b--light-blue{border-color:#96ccff}.b--lightest-blue{border-color:#cdecff}.b--washed-blue{border-color:#f6fffe}.b--washed-green{border-color:#e8fdf5}.b--washed-yellow{border-color:#fffceb}.b--washed-red{border-color:#ffdfdf}.b--transparent{border-color:transparent}.b--inherit{border-color:inherit}.b--initial{border-color:initial}.b--unset{border-color:unset}.br0{border-radius:0}.br1{border-radius:.125rem}.br2{border-radius:.25rem}.br3{border-radius:.5rem}.br4{border-radius:1rem}.br-100{border-radius:100%}.br-pill{border-radius:9999px}.br--bottom{border-top-left-radius:0;border-top-right-radius:0}.br--top{border-bottom-right-radius:0}.br--right,.br--top{border-bottom-left-radius:0}.br--right{border-top-left-radius:0}.br--left{border-top-right-radius:0;border-bottom-right-radius:0}.br-inherit{border-radius:inherit}.br-initial{border-radius:initial}.br-unset{border-radius:unset}.b--dotted{border-style:dotted}.b--dashed{border-style:dashed}.b--solid{border-style:solid}.b--none{border-style:none}.bw0{border-width:0}.bw1{border-width:.125rem}.bw2{border-width:.25rem}.bw3{border-width:.5rem}.bw4{border-width:1rem}.bw5{border-width:2rem}.bt-0{border-top-width:0}.br-0{border-right-width:0}.bb-0{border-bottom-width:0}.bl-0{border-left-width:0}.shadow-1{box-shadow:0 0 4px 2px rgba(0,0,0,.2)}.shadow-2{box-shadow:0 0 8px 2px rgba(0,0,0,.2)}.shadow-3{box-shadow:2px 2px 4px 2px rgba(0,0,0,.2)}.shadow-4{box-shadow:2px 2px 8px 0 rgba(0,0,0,.2)}.shadow-5{box-shadow:4px 4px 8px 0 rgba(0,0,0,.2)}.pre{overflow-x:auto;overflow-y:hidden;overflow:scroll}.top-0{top:0}.right-0{right:0}.bottom-0{bottom:0}.left-0{left:0}.top-1{top:1rem}.right-1{right:1rem}.bottom-1{bottom:1rem}.left-1{left:1rem}.top-2{top:2rem}.right-2{right:2rem}.bottom-2{bottom:2rem}.left-2{left:2rem}.top--1{top:-1rem}.right--1{right:-1rem}.bottom--1{bottom:-1rem}.left--1{left:-1rem}.top--2{top:-2rem}.right--2{right:-2rem}.bottom--2{bottom:-2rem}.left--2{left:-2rem}.absolute--fill{top:0;right:0;bottom:0;left:0}.cf:after,.cf:before{content:" ";display:table}.cf:after{clear:both}.cf{*zoom:1}.cl{clear:left}.cr{clear:right}.cb{clear:both}.cn{clear:none}.dn{display:none}.di{display:inline}.db{display:block}.dib{display:inline-block}.dit{display:inline-table}.dt{display:table}.dtc{display:table-cell}.dt-row{display:table-row}.dt-row-group{display:table-row-group}.dt-column{display:table-column}.dt-column-group{display:table-column-group}.dt--fixed{table-layout:fixed;width:100%}.flex{display:flex}.inline-flex{display:inline-flex}.flex-auto{flex:1 1 auto;min-width:0;min-height:0}.flex-none{flex:none}.flex-column{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.flex-wrap-reverse{flex-wrap:wrap-reverse}.flex-column-reverse{flex-direction:column-reverse}.flex-row-reverse{flex-direction:row-reverse}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.items-baseline{align-items:baseline}.items-stretch{align-items:stretch}.self-start{align-self:flex-start}.self-end{align-self:flex-end}.self-center{align-self:center}.self-baseline{align-self:baseline}.self-stretch{align-self:stretch}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.content-start{align-content:flex-start}.content-end{align-content:flex-end}.content-center{align-content:center}.content-between{align-content:space-between}.content-around{align-content:space-around}.content-stretch{align-content:stretch}.order-0{order:0}.order-1{order:1}.order-2{order:2}.order-3{order:3}.order-4{order:4}.order-5{order:5}.order-6{order:6}.order-7{order:7}.order-8{order:8}.order-last{order:99999}.flex-grow-0{flex-grow:0}.flex-grow-1{flex-grow:1}.flex-shrink-0{flex-shrink:0}.flex-shrink-1{flex-shrink:1}.fl{float:left}.fl,.fr{_display:inline}.fr{float:right}.fn{float:none}.sans-serif{font-family:-apple-system,BlinkMacSystemFont,avenir next,avenir,helvetica neue,helvetica,ubuntu,roboto,noto,segoe ui,arial,sans-serif}.serif{font-family:georgia,times,serif}.system-sans-serif{font-family:sans-serif}.system-serif{font-family:serif}.code,code{font-family:Consolas,monaco,monospace}.courier{font-family:Courier Next,courier,monospace}.helvetica{font-family:helvetica neue,helvetica,sans-serif}.avenir{font-family:avenir next,avenir,sans-serif}.athelas{font-family:athelas,georgia,serif}.georgia{font-family:georgia,serif}.times{font-family:times,serif}.bodoni{font-family:Bodoni MT,serif}.calisto{font-family:Calisto MT,serif}.garamond{font-family:garamond,serif}.baskerville{font-family:baskerville,serif}.i{font-style:italic}.fs-normal{font-style:normal}.normal{font-weight:400}.b{font-weight:700}.fw1{font-weight:100}.fw2{font-weight:200}.fw3{font-weight:300}.fw4{font-weight:400}.fw5{font-weight:500}.fw6{font-weight:600}.fw7{font-weight:700}.fw8{font-weight:800}.fw9{font-weight:900}.input-reset{-webkit-appearance:none;-moz-appearance:none}.button-reset::-moz-focus-inner,.input-reset::-moz-focus-inner{border:0;padding:0}.h1{height:1rem}.h2{height:2rem}.h3{height:4rem}.h4{height:8rem}.h5{height:16rem}.h-25{height:25%}.h-50{height:50%}.h-75{height:75%}.h-100{height:100%}.min-h-100{min-height:100%}.vh-25{height:25vh}.vh-50{height:50vh}.vh-75{height:75vh}.vh-100{height:100vh}.min-vh-100{min-height:100vh}.h-auto{height:auto}.h-inherit{height:inherit}.tracked{letter-spacing:.1em}.tracked-tight{letter-spacing:-.05em}.tracked-mega{letter-spacing:.25em}.lh-solid{line-height:1}.lh-title{line-height:1.25}.lh-copy{line-height:1.5}.link{text-decoration:none}.link,.link:active,.link:focus,.link:hover,.link:link,.link:visited{transition:color .15s ease-in}.link:focus{outline:1px dotted currentColor}.list{list-style-type:none}.mw-100{max-width:100%}.mw1{max-width:1rem}.mw2{max-width:2rem}.mw3{max-width:4rem}.mw4{max-width:8rem}.mw5{max-width:16rem}.mw6{max-width:32rem}.mw7{max-width:48rem}.mw8{max-width:64rem}.mw9{max-width:96rem}.mw-none{max-width:none}.w1{width:1rem}.w2{width:2rem}.w3{width:4rem}.w4{width:8rem}.w5{width:16rem}.w-10{width:10%}.w-20{width:20%}.w-25{width:25%}.w-30{width:30%}.w-33{width:33%}.w-34{width:34%}.w-40{width:40%}.w-50{width:50%}.w-60{width:60%}.w-70{width:70%}.w-75{width:75%}.w-80{width:80%}.w-90{width:90%}.w-100{width:100%}.w-third{width:33.33333%}.w-two-thirds{width:66.66667%}.w-auto{width:auto}.overflow-visible{overflow:visible}.overflow-hidden{overflow:hidden}.overflow-scroll{overflow:scroll}.overflow-auto{overflow:auto}.overflow-x-visible{overflow-x:visible}.overflow-x-hidden{overflow-x:hidden}.overflow-x-scroll{overflow-x:scroll}.overflow-x-auto{overflow-x:auto}.overflow-y-visible{overflow-y:visible}.overflow-y-hidden{overflow-y:hidden}.overflow-y-scroll{overflow-y:scroll}.overflow-y-auto{overflow-y:auto}.static{position:static}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.o-100{opacity:1}.o-90{opacity:.9}.o-80{opacity:.8}.o-70{opacity:.7}.o-60{opacity:.6}.o-50{opacity:.5}.o-40{opacity:.4}.o-30{opacity:.3}.o-20{opacity:.2}.o-10{opacity:.1}.o-05{opacity:.05}.o-025{opacity:.025}.o-0{opacity:0}.rotate-45{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.rotate-90{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.rotate-135{-webkit-transform:rotate(135deg);transform:rotate(135deg)}.rotate-180{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.rotate-225{-webkit-transform:rotate(225deg);transform:rotate(225deg)}.rotate-270{-webkit-transform:rotate(270deg);transform:rotate(270deg)}.rotate-315{-webkit-transform:rotate(315deg);transform:rotate(315deg)}.black-90{color:rgba(0,0,0,.9)}.black-80{color:rgba(0,0,0,.8)}.black-70{color:rgba(0,0,0,.7)}.black-60{color:rgba(0,0,0,.6)}.black-50{color:rgba(0,0,0,.5)}.black-40{color:rgba(0,0,0,.4)}.black-30{color:rgba(0,0,0,.3)}.black-20{color:rgba(0,0,0,.2)}.black-10{color:rgba(0,0,0,.1)}.black-05{color:rgba(0,0,0,.05)}.white-90{color:hsla(0,0%,100%,.9)}.white-80{color:hsla(0,0%,100%,.8)}.white-70{color:hsla(0,0%,100%,.7)}.white-60{color:hsla(0,0%,100%,.6)}.white-50{color:hsla(0,0%,100%,.5)}.white-40{color:hsla(0,0%,100%,.4)}.white-30{color:hsla(0,0%,100%,.3)}.white-20{color:hsla(0,0%,100%,.2)}.white-10{color:hsla(0,0%,100%,.1)}.black{color:#000}.near-black{color:#111}.dark-gray{color:#333}.mid-gray{color:#555}.gray{color:#777}.silver{color:#999}.light-silver{color:#aaa}.moon-gray{color:#ccc}.light-gray{color:#eee}.near-white{color:#f4f4f4}.white{color:#fff}.dark-red{color:#e7040f}.red{color:#ff4136}.light-red{color:#ff725c}.orange{color:#ff6300}.gold{color:#ffb700}.yellow{color:gold}.light-yellow{color:#fbf1a9}.purple{color:#5e2ca5}.light-purple{color:#a463f2}.dark-pink{color:#d5008f}.hot-pink{color:#ff41b4}.pink{color:#ff80cc}.light-pink{color:#ffa3d7}.dark-green{color:#137752}.green{color:#19a974}.light-green{color:#9eebcf}.navy{color:#001b44}.dark-blue{color:#00449e}.blue{color:#357edd}.light-blue{color:#96ccff}.lightest-blue{color:#cdecff}.washed-blue{color:#f6fffe}.washed-green{color:#e8fdf5}.washed-yellow{color:#fffceb}.washed-red{color:#ffdfdf}.color-inherit{color:inherit}.bg-black-90{background-color:rgba(0,0,0,.9)}.bg-black-80{background-color:rgba(0,0,0,.8)}.bg-black-70{background-color:rgba(0,0,0,.7)}.bg-black-60{background-color:rgba(0,0,0,.6)}.bg-black-50{background-color:rgba(0,0,0,.5)}.bg-black-40{background-color:rgba(0,0,0,.4)}.bg-black-30{background-color:rgba(0,0,0,.3)}.bg-black-20{background-color:rgba(0,0,0,.2)}.bg-black-10{background-color:rgba(0,0,0,.1)}.bg-black-05{background-color:rgba(0,0,0,.05)}.bg-white-90{background-color:hsla(0,0%,100%,.9)}.bg-white-80{background-color:hsla(0,0%,100%,.8)}.bg-white-70{background-color:hsla(0,0%,100%,.7)}.bg-white-60{background-color:hsla(0,0%,100%,.6)}.bg-white-50{background-color:hsla(0,0%,100%,.5)}.bg-white-40{background-color:hsla(0,0%,100%,.4)}.bg-white-30{background-color:hsla(0,0%,100%,.3)}.bg-white-20{background-color:hsla(0,0%,100%,.2)}.bg-white-10{background-color:hsla(0,0%,100%,.1)}.bg-black{background-color:#000}.bg-near-black{background-color:#111}.bg-dark-gray{background-color:#333}.bg-mid-gray{background-color:#555}.bg-gray{background-color:#777}.bg-silver{background-color:#999}.bg-light-silver{background-color:#aaa}.bg-moon-gray{background-color:#ccc}.bg-light-gray{background-color:#eee}.bg-near-white{background-color:#f4f4f4}.bg-white{background-color:#fff}.bg-transparent{background-color:transparent}.bg-dark-red{background-color:#e7040f}.bg-red{background-color:#ff4136}.bg-light-red{background-color:#ff725c}.bg-orange{background-color:#ff6300}.bg-gold{background-color:#ffb700}.bg-yellow{background-color:gold}.bg-light-yellow{background-color:#fbf1a9}.bg-purple{background-color:#5e2ca5}.bg-light-purple{background-color:#a463f2}.bg-dark-pink{background-color:#d5008f}.bg-hot-pink{background-color:#ff41b4}.bg-pink{background-color:#ff80cc}.bg-light-pink{background-color:#ffa3d7}.bg-dark-green{background-color:#137752}.bg-green{background-color:#19a974}.bg-light-green{background-color:#9eebcf}.bg-navy{background-color:#001b44}.bg-dark-blue{background-color:#00449e}.bg-blue{background-color:#357edd}.bg-light-blue{background-color:#96ccff}.bg-lightest-blue{background-color:#cdecff}.bg-washed-blue{background-color:#f6fffe}.bg-washed-green{background-color:#e8fdf5}.bg-washed-yellow{background-color:#fffceb}.bg-washed-red{background-color:#ffdfdf}.bg-inherit{background-color:inherit}.hover-black:focus,.hover-black:hover{color:#000}.hover-near-black:focus,.hover-near-black:hover{color:#111}.hover-dark-gray:focus,.hover-dark-gray:hover{color:#333}.hover-mid-gray:focus,.hover-mid-gray:hover{color:#555}.hover-gray:focus,.hover-gray:hover{color:#777}.hover-silver:focus,.hover-silver:hover{color:#999}.hover-light-silver:focus,.hover-light-silver:hover{color:#aaa}.hover-moon-gray:focus,.hover-moon-gray:hover{color:#ccc}.hover-light-gray:focus,.hover-light-gray:hover{color:#eee}.hover-near-white:focus,.hover-near-white:hover{color:#f4f4f4}.hover-white:focus,.hover-white:hover{color:#fff}.hover-black-90:focus,.hover-black-90:hover{color:rgba(0,0,0,.9)}.hover-black-80:focus,.hover-black-80:hover{color:rgba(0,0,0,.8)}.hover-black-70:focus,.hover-black-70:hover{color:rgba(0,0,0,.7)}.hover-black-60:focus,.hover-black-60:hover{color:rgba(0,0,0,.6)}.hover-black-50:focus,.hover-black-50:hover{color:rgba(0,0,0,.5)}.hover-black-40:focus,.hover-black-40:hover{color:rgba(0,0,0,.4)}.hover-black-30:focus,.hover-black-30:hover{color:rgba(0,0,0,.3)}.hover-black-20:focus,.hover-black-20:hover{color:rgba(0,0,0,.2)}.hover-black-10:focus,.hover-black-10:hover{color:rgba(0,0,0,.1)}.hover-white-90:focus,.hover-white-90:hover{color:hsla(0,0%,100%,.9)}.hover-white-80:focus,.hover-white-80:hover{color:hsla(0,0%,100%,.8)}.hover-white-70:focus,.hover-white-70:hover{color:hsla(0,0%,100%,.7)}.hover-white-60:focus,.hover-white-60:hover{color:hsla(0,0%,100%,.6)}.hover-white-50:focus,.hover-white-50:hover{color:hsla(0,0%,100%,.5)}.hover-white-40:focus,.hover-white-40:hover{color:hsla(0,0%,100%,.4)}.hover-white-30:focus,.hover-white-30:hover{color:hsla(0,0%,100%,.3)}.hover-white-20:focus,.hover-white-20:hover{color:hsla(0,0%,100%,.2)}.hover-white-10:focus,.hover-white-10:hover{color:hsla(0,0%,100%,.1)}.hover-inherit:focus,.hover-inherit:hover{color:inherit}.hover-bg-black:focus,.hover-bg-black:hover{background-color:#000}.hover-bg-near-black:focus,.hover-bg-near-black:hover{background-color:#111}.hover-bg-dark-gray:focus,.hover-bg-dark-gray:hover{background-color:#333}.hover-bg-mid-gray:focus,.hover-bg-mid-gray:hover{background-color:#555}.hover-bg-gray:focus,.hover-bg-gray:hover{background-color:#777}.hover-bg-silver:focus,.hover-bg-silver:hover{background-color:#999}.hover-bg-light-silver:focus,.hover-bg-light-silver:hover{background-color:#aaa}.hover-bg-moon-gray:focus,.hover-bg-moon-gray:hover{background-color:#ccc}.hover-bg-light-gray:focus,.hover-bg-light-gray:hover{background-color:#eee}.hover-bg-near-white:focus,.hover-bg-near-white:hover{background-color:#f4f4f4}.hover-bg-white:focus,.hover-bg-white:hover{background-color:#fff}.hover-bg-transparent:focus,.hover-bg-transparent:hover{background-color:transparent}.hover-bg-black-90:focus,.hover-bg-black-90:hover{background-color:rgba(0,0,0,.9)}.hover-bg-black-80:focus,.hover-bg-black-80:hover{background-color:rgba(0,0,0,.8)}.hover-bg-black-70:focus,.hover-bg-black-70:hover{background-color:rgba(0,0,0,.7)}.hover-bg-black-60:focus,.hover-bg-black-60:hover{background-color:rgba(0,0,0,.6)}.hover-bg-black-50:focus,.hover-bg-black-50:hover{background-color:rgba(0,0,0,.5)}.hover-bg-black-40:focus,.hover-bg-black-40:hover{background-color:rgba(0,0,0,.4)}.hover-bg-black-30:focus,.hover-bg-black-30:hover{background-color:rgba(0,0,0,.3)}.hover-bg-black-20:focus,.hover-bg-black-20:hover{background-color:rgba(0,0,0,.2)}.hover-bg-black-10:focus,.hover-bg-black-10:hover{background-color:rgba(0,0,0,.1)}.hover-bg-white-90:focus,.hover-bg-white-90:hover{background-color:hsla(0,0%,100%,.9)}.hover-bg-white-80:focus,.hover-bg-white-80:hover{background-color:hsla(0,0%,100%,.8)}.hover-bg-white-70:focus,.hover-bg-white-70:hover{background-color:hsla(0,0%,100%,.7)}.hover-bg-white-60:focus,.hover-bg-white-60:hover{background-color:hsla(0,0%,100%,.6)}.hover-bg-white-50:focus,.hover-bg-white-50:hover{background-color:hsla(0,0%,100%,.5)}.hover-bg-white-40:focus,.hover-bg-white-40:hover{background-color:hsla(0,0%,100%,.4)}.hover-bg-white-30:focus,.hover-bg-white-30:hover{background-color:hsla(0,0%,100%,.3)}.hover-bg-white-20:focus,.hover-bg-white-20:hover{background-color:hsla(0,0%,100%,.2)}.hover-bg-white-10:focus,.hover-bg-white-10:hover{background-color:hsla(0,0%,100%,.1)}.hover-dark-red:focus,.hover-dark-red:hover{color:#e7040f}.hover-red:focus,.hover-red:hover{color:#ff4136}.hover-light-red:focus,.hover-light-red:hover{color:#ff725c}.hover-orange:focus,.hover-orange:hover{color:#ff6300}.hover-gold:focus,.hover-gold:hover{color:#ffb700}.hover-yellow:focus,.hover-yellow:hover{color:gold}.hover-light-yellow:focus,.hover-light-yellow:hover{color:#fbf1a9}.hover-purple:focus,.hover-purple:hover{color:#5e2ca5}.hover-light-purple:focus,.hover-light-purple:hover{color:#a463f2}.hover-dark-pink:focus,.hover-dark-pink:hover{color:#d5008f}.hover-hot-pink:focus,.hover-hot-pink:hover{color:#ff41b4}.hover-pink:focus,.hover-pink:hover{color:#ff80cc}.hover-light-pink:focus,.hover-light-pink:hover{color:#ffa3d7}.hover-dark-green:focus,.hover-dark-green:hover{color:#137752}.hover-green:focus,.hover-green:hover{color:#19a974}.hover-light-green:focus,.hover-light-green:hover{color:#9eebcf}.hover-navy:focus,.hover-navy:hover{color:#001b44}.hover-dark-blue:focus,.hover-dark-blue:hover{color:#00449e}.hover-blue:focus,.hover-blue:hover{color:#357edd}.hover-light-blue:focus,.hover-light-blue:hover{color:#96ccff}.hover-lightest-blue:focus,.hover-lightest-blue:hover{color:#cdecff}.hover-washed-blue:focus,.hover-washed-blue:hover{color:#f6fffe}.hover-washed-green:focus,.hover-washed-green:hover{color:#e8fdf5}.hover-washed-yellow:focus,.hover-washed-yellow:hover{color:#fffceb}.hover-washed-red:focus,.hover-washed-red:hover{color:#ffdfdf}.hover-bg-dark-red:focus,.hover-bg-dark-red:hover{background-color:#e7040f}.hover-bg-red:focus,.hover-bg-red:hover{background-color:#ff4136}.hover-bg-light-red:focus,.hover-bg-light-red:hover{background-color:#ff725c}.hover-bg-orange:focus,.hover-bg-orange:hover{background-color:#ff6300}.hover-bg-gold:focus,.hover-bg-gold:hover{background-color:#ffb700}.hover-bg-yellow:focus,.hover-bg-yellow:hover{background-color:gold}.hover-bg-light-yellow:focus,.hover-bg-light-yellow:hover{background-color:#fbf1a9}.hover-bg-purple:focus,.hover-bg-purple:hover{background-color:#5e2ca5}.hover-bg-light-purple:focus,.hover-bg-light-purple:hover{background-color:#a463f2}.hover-bg-dark-pink:focus,.hover-bg-dark-pink:hover{background-color:#d5008f}.hover-bg-hot-pink:focus,.hover-bg-hot-pink:hover{background-color:#ff41b4}.hover-bg-pink:focus,.hover-bg-pink:hover{background-color:#ff80cc}.hover-bg-light-pink:focus,.hover-bg-light-pink:hover{background-color:#ffa3d7}.hover-bg-dark-green:focus,.hover-bg-dark-green:hover{background-color:#137752}.hover-bg-green:focus,.hover-bg-green:hover{background-color:#19a974}.hover-bg-light-green:focus,.hover-bg-light-green:hover{background-color:#9eebcf}.hover-bg-navy:focus,.hover-bg-navy:hover{background-color:#001b44}.hover-bg-dark-blue:focus,.hover-bg-dark-blue:hover{background-color:#00449e}.hover-bg-blue:focus,.hover-bg-blue:hover{background-color:#357edd}.hover-bg-light-blue:focus,.hover-bg-light-blue:hover{background-color:#96ccff}.hover-bg-lightest-blue:focus,.hover-bg-lightest-blue:hover{background-color:#cdecff}.hover-bg-washed-blue:focus,.hover-bg-washed-blue:hover{background-color:#f6fffe}.hover-bg-washed-green:focus,.hover-bg-washed-green:hover{background-color:#e8fdf5}.hover-bg-washed-yellow:focus,.hover-bg-washed-yellow:hover{background-color:#fffceb}.hover-bg-washed-red:focus,.hover-bg-washed-red:hover{background-color:#ffdfdf}.hover-bg-inherit:focus,.hover-bg-inherit:hover{background-color:inherit}.pa0{padding:0}.pa1{padding:.25rem}.pa2{padding:.5rem}.pa3{padding:1rem}.pa4{padding:2rem}.pa5{padding:4rem}.pa6{padding:8rem}.pa7{padding:16rem}.pl0{padding-left:0}.pl1{padding-left:.25rem}.pl2{padding-left:.5rem}.pl3{padding-left:1rem}.pl4{padding-left:2rem}.pl5{padding-left:4rem}.pl6{padding-left:8rem}.pl7{padding-left:16rem}.pr0{padding-right:0}.pr1{padding-right:.25rem}.pr2{padding-right:.5rem}.pr3{padding-right:1rem}.pr4{padding-right:2rem}.pr5{padding-right:4rem}.pr6{padding-right:8rem}.pr7{padding-right:16rem}.pb0{padding-bottom:0}.pb1{padding-bottom:.25rem}.pb2{padding-bottom:.5rem}.pb3{padding-bottom:1rem}.pb4{padding-bottom:2rem}.pb5{padding-bottom:4rem}.pb6{padding-bottom:8rem}.pb7{padding-bottom:16rem}.pt0{padding-top:0}.pt1{padding-top:.25rem}.pt2{padding-top:.5rem}.pt3{padding-top:1rem}.pt4{padding-top:2rem}.pt5{padding-top:4rem}.pt6{padding-top:8rem}.pt7{padding-top:16rem}.pv0{padding-top:0;padding-bottom:0}.pv1{padding-top:.25rem;padding-bottom:.25rem}.pv2{padding-top:.5rem;padding-bottom:.5rem}.pv3{padding-top:1rem;padding-bottom:1rem}.pv4{padding-top:2rem;padding-bottom:2rem}.pv5{padding-top:4rem;padding-bottom:4rem}.pv6{padding-top:8rem;padding-bottom:8rem}.pv7{padding-top:16rem;padding-bottom:16rem}.ph0{padding-left:0;padding-right:0}.ph1{padding-left:.25rem;padding-right:.25rem}.ph2{padding-left:.5rem;padding-right:.5rem}.ph3{padding-left:1rem;padding-right:1rem}.ph4{padding-left:2rem;padding-right:2rem}.ph5{padding-left:4rem;padding-right:4rem}.ph6{padding-left:8rem;padding-right:8rem}.ph7{padding-left:16rem;padding-right:16rem}.ma0{margin:0}.ma1{margin:.25rem}.ma2{margin:.5rem}.ma3{margin:1rem}.ma4{margin:2rem}.ma5{margin:4rem}.ma6{margin:8rem}.ma7{margin:16rem}.ml0{margin-left:0}.ml1{margin-left:.25rem}.ml2{margin-left:.5rem}.ml3{margin-left:1rem}.ml4{margin-left:2rem}.ml5{margin-left:4rem}.ml6{margin-left:8rem}.ml7{margin-left:16rem}.mr0{margin-right:0}.mr1{margin-right:.25rem}.mr2{margin-right:.5rem}.mr3{margin-right:1rem}.mr4{margin-right:2rem}.mr5{margin-right:4rem}.mr6{margin-right:8rem}.mr7{margin-right:16rem}.mb0{margin-bottom:0}.mb1{margin-bottom:.25rem}.mb2{margin-bottom:.5rem}.mb3{margin-bottom:1rem}.mb4{margin-bottom:2rem}.mb5{margin-bottom:4rem}.mb6{margin-bottom:8rem}.mb7{margin-bottom:16rem}.mt0{margin-top:0}.mt1{margin-top:.25rem}.mt2{margin-top:.5rem}.mt3{margin-top:1rem}.mt4{margin-top:2rem}.mt5{margin-top:4rem}.mt6{margin-top:8rem}.mt7{margin-top:16rem}.mv0{margin-top:0;margin-bottom:0}.mv1{margin-top:.25rem;margin-bottom:.25rem}.mv2{margin-top:.5rem;margin-bottom:.5rem}.mv3{margin-top:1rem;margin-bottom:1rem}.mv4{margin-top:2rem;margin-bottom:2rem}.mv5{margin-top:4rem;margin-bottom:4rem}.mv6{margin-top:8rem;margin-bottom:8rem}.mv7{margin-top:16rem;margin-bottom:16rem}.mh0{margin-left:0;margin-right:0}.mh1{margin-left:.25rem;margin-right:.25rem}.mh2{margin-left:.5rem;margin-right:.5rem}.mh3{margin-left:1rem;margin-right:1rem}.mh4{margin-left:2rem;margin-right:2rem}.mh5{margin-left:4rem;margin-right:4rem}.mh6{margin-left:8rem;margin-right:8rem}.mh7{margin-left:16rem;margin-right:16rem}.na1{margin:-.25rem}.na2{margin:-.5rem}.na3{margin:-1rem}.na4{margin:-2rem}.na5{margin:-4rem}.na6{margin:-8rem}.na7{margin:-16rem}.nl1{margin-left:-.25rem}.nl2{margin-left:-.5rem}.nl3{margin-left:-1rem}.nl4{margin-left:-2rem}.nl5{margin-left:-4rem}.nl6{margin-left:-8rem}.nl7{margin-left:-16rem}.nr1{margin-right:-.25rem}.nr2{margin-right:-.5rem}.nr3{margin-right:-1rem}.nr4{margin-right:-2rem}.nr5{margin-right:-4rem}.nr6{margin-right:-8rem}.nr7{margin-right:-16rem}.nb1{margin-bottom:-.25rem}.nb2{margin-bottom:-.5rem}.nb3{margin-bottom:-1rem}.nb4{margin-bottom:-2rem}.nb5{margin-bottom:-4rem}.nb6{margin-bottom:-8rem}.nb7{margin-bottom:-16rem}.nt1{margin-top:-.25rem}.nt2{margin-top:-.5rem}.nt3{margin-top:-1rem}.nt4{margin-top:-2rem}.nt5{margin-top:-4rem}.nt6{margin-top:-8rem}.nt7{margin-top:-16rem}.collapse{border-collapse:collapse;border-spacing:0}.striped--light-silver:nth-child(odd){background-color:#aaa}.striped--moon-gray:nth-child(odd){background-color:#ccc}.striped--light-gray:nth-child(odd){background-color:#eee}.striped--near-white:nth-child(odd){background-color:#f4f4f4}.stripe-light:nth-child(odd){background-color:hsla(0,0%,100%,.1)}.stripe-dark:nth-child(odd){background-color:rgba(0,0,0,.1)}.strike{text-decoration:line-through}.underline{text-decoration:underline}.no-underline{text-decoration:none}.tl{text-align:left}.tr{text-align:right}.tc{text-align:center}.tj{text-align:justify}.ttc{text-transform:capitalize}.ttl{text-transform:lowercase}.ttu{text-transform:uppercase}.ttn{text-transform:none}.f-6,.f-headline{font-size:6rem}.f-5,.f-subheadline{font-size:5rem}.f1{font-size:3rem}.f2{font-size:2.25rem}.f3{font-size:1.5rem}.f4{font-size:1.25rem}.f5{font-size:1rem}.f6{font-size:.875rem}.f7{font-size:.75rem}.measure{max-width:30em}.measure-wide{max-width:34em}.measure-narrow{max-width:20em}.indent{text-indent:1em;margin-top:0;margin-bottom:0}.small-caps{font-variant:small-caps}.truncate{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.overflow-container{overflow-y:scroll}.center{margin-left:auto}.center,.mr-auto{margin-right:auto}.ml-auto{margin-left:auto}.clip{position:fixed!important;_position:absolute!important;clip:rect(1px 1px 1px 1px);clip:rect(1px,1px,1px,1px)}.ws-normal{white-space:normal}.nowrap{white-space:nowrap}.pre{white-space:pre}.v-base{vertical-align:baseline}.v-mid{vertical-align:middle}.v-top{vertical-align:top}.v-btm{vertical-align:bottom}.dim{opacity:1}.dim,.dim:focus,.dim:hover{transition:opacity .15s ease-in}.dim:focus,.dim:hover{opacity:.5}.dim:active{opacity:.8;transition:opacity .15s ease-out}.glow,.glow:focus,.glow:hover{transition:opacity .15s ease-in}.glow:focus,.glow:hover{opacity:1}.hide-child .child{opacity:0;transition:opacity .15s ease-in}.hide-child:active .child,.hide-child:focus .child,.hide-child:hover .child{opacity:1;transition:opacity .15s ease-in}.underline-hover:focus,.underline-hover:hover{text-decoration:underline}.grow{-moz-osx-font-smoothing:grayscale;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translateZ(0);transform:translateZ(0);transition:-webkit-transform .25s ease-out;transition:transform .25s ease-out;transition:transform .25s ease-out,-webkit-transform .25s ease-out}.grow:focus,.grow:hover{-webkit-transform:scale(1.05);transform:scale(1.05)}.grow:active{-webkit-transform:scale(.9);transform:scale(.9)}.grow-large{-moz-osx-font-smoothing:grayscale;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translateZ(0);transform:translateZ(0);transition:-webkit-transform .25s ease-in-out;transition:transform .25s ease-in-out;transition:transform .25s ease-in-out,-webkit-transform .25s ease-in-out}.grow-large:focus,.grow-large:hover{-webkit-transform:scale(1.2);transform:scale(1.2)}.grow-large:active{-webkit-transform:scale(.95);transform:scale(.95)}.pointer:hover,.shadow-hover{cursor:pointer}.shadow-hover{position:relative;transition:all .5s cubic-bezier(.165,.84,.44,1)}.shadow-hover:after{content:"";box-shadow:0 0 16px 2px rgba(0,0,0,.2);border-radius:inherit;opacity:0;position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;transition:opacity .5s cubic-bezier(.165,.84,.44,1)}.shadow-hover:focus:after,.shadow-hover:hover:after{opacity:1}.bg-animate,.bg-animate:focus,.bg-animate:hover{transition:background-color .15s ease-in-out}.z-0{z-index:0}.z-1{z-index:1}.z-2{z-index:2}.z-3{z-index:3}.z-4{z-index:4}.z-5{z-index:5}.z-999{z-index:999}.z-9999{z-index:9999}.z-max{z-index:2147483647}.z-inherit{z-index:inherit}.z-initial{z-index:auto}.z-unset{z-index:unset}.nested-copy-line-height ol,.nested-copy-line-height p,.nested-copy-line-height ul{line-height:1.5}.nested-headline-line-height h1,.nested-headline-line-height h2,.nested-headline-line-height h3,.nested-headline-line-height h4,.nested-headline-line-height h5,.nested-headline-line-height h6{line-height:1.25}.nested-list-reset ol,.nested-list-reset ul{padding-left:0;margin-left:0;list-style-type:none}.nested-copy-indent p+p{text-indent:1em;margin-top:0;margin-bottom:0}.nested-copy-separator p+p{margin-top:1.5em}.nested-img img{width:100%;max-width:100%;display:block}.nested-links a{color:#357edd;transition:color .15s ease-in}.nested-links a:focus,.nested-links a:hover{color:#96ccff;transition:color .15s ease-in}.debug *{outline:1px solid gold}.debug-white *{outline:1px solid #fff}.debug-black *{outline:1px solid #000}.debug-grid{background:transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAFElEQVR4AWPAC97/9x0eCsAEPgwAVLshdpENIxcAAAAASUVORK5CYII=) repeat 0 0}.debug-grid-16{background:transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAMklEQVR4AWOgCLz/b0epAa6UGuBOqQHOQHLUgFEDnAbcBZ4UGwDOkiCnkIhdgNgNxAYAiYlD+8sEuo8AAAAASUVORK5CYII=) repeat 0 0}.debug-grid-8-solid{background:#fff url(data:image/gif;base64,R0lGODdhCAAIAPEAAADw/wDx/////wAAACwAAAAACAAIAAACDZQvgaeb/lxbAIKA8y0AOw==) repeat 0 0}.debug-grid-16-solid{background:#fff url(data:image/gif;base64,R0lGODdhEAAQAPEAAADw/wDx/xXy/////ywAAAAAEAAQAAACIZyPKckYDQFsb6ZqD85jZ2+BkwiRFKehhqQCQgDHcgwEBQA7) repeat 0 0}@media screen and (min-width:30em){.aspect-ratio-ns{height:0;position:relative}.aspect-ratio--16x9-ns{padding-bottom:56.25%}.aspect-ratio--9x16-ns{padding-bottom:177.77%}.aspect-ratio--4x3-ns{padding-bottom:75%}.aspect-ratio--3x4-ns{padding-bottom:133.33%}.aspect-ratio--6x4-ns{padding-bottom:66.6%}.aspect-ratio--4x6-ns{padding-bottom:150%}.aspect-ratio--8x5-ns{padding-bottom:62.5%}.aspect-ratio--5x8-ns{padding-bottom:160%}.aspect-ratio--7x5-ns{padding-bottom:71.42%}.aspect-ratio--5x7-ns{padding-bottom:140%}.aspect-ratio--1x1-ns{padding-bottom:100%}.aspect-ratio--object-ns{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:100}.cover-ns{background-size:cover!important}.contain-ns{background-size:contain!important}.bg-center-ns{background-position:50%}.bg-center-ns,.bg-top-ns{background-repeat:no-repeat}.bg-top-ns{background-position:top}.bg-right-ns{background-position:100%}.bg-bottom-ns,.bg-right-ns{background-repeat:no-repeat}.bg-bottom-ns{background-position:bottom}.bg-left-ns{background-repeat:no-repeat;background-position:0}.outline-ns{outline:1px solid}.outline-transparent-ns{outline:1px solid transparent}.outline-0-ns{outline:0}.ba-ns{border-style:solid;border-width:1px}.bt-ns{border-top-style:solid;border-top-width:1px}.br-ns{border-right-style:solid;border-right-width:1px}.bb-ns{border-bottom-style:solid;border-bottom-width:1px}.bl-ns{border-left-style:solid;border-left-width:1px}.bn-ns{border-style:none;border-width:0}.br0-ns{border-radius:0}.br1-ns{border-radius:.125rem}.br2-ns{border-radius:.25rem}.br3-ns{border-radius:.5rem}.br4-ns{border-radius:1rem}.br-100-ns{border-radius:100%}.br-pill-ns{border-radius:9999px}.br--bottom-ns{border-top-left-radius:0;border-top-right-radius:0}.br--top-ns{border-bottom-right-radius:0}.br--right-ns,.br--top-ns{border-bottom-left-radius:0}.br--right-ns{border-top-left-radius:0}.br--left-ns{border-top-right-radius:0;border-bottom-right-radius:0}.br-inherit-ns{border-radius:inherit}.br-initial-ns{border-radius:initial}.br-unset-ns{border-radius:unset}.b--dotted-ns{border-style:dotted}.b--dashed-ns{border-style:dashed}.b--solid-ns{border-style:solid}.b--none-ns{border-style:none}.bw0-ns{border-width:0}.bw1-ns{border-width:.125rem}.bw2-ns{border-width:.25rem}.bw3-ns{border-width:.5rem}.bw4-ns{border-width:1rem}.bw5-ns{border-width:2rem}.bt-0-ns{border-top-width:0}.br-0-ns{border-right-width:0}.bb-0-ns{border-bottom-width:0}.bl-0-ns{border-left-width:0}.shadow-1-ns{box-shadow:0 0 4px 2px rgba(0,0,0,.2)}.shadow-2-ns{box-shadow:0 0 8px 2px rgba(0,0,0,.2)}.shadow-3-ns{box-shadow:2px 2px 4px 2px rgba(0,0,0,.2)}.shadow-4-ns{box-shadow:2px 2px 8px 0 rgba(0,0,0,.2)}.shadow-5-ns{box-shadow:4px 4px 8px 0 rgba(0,0,0,.2)}.top-0-ns{top:0}.left-0-ns{left:0}.right-0-ns{right:0}.bottom-0-ns{bottom:0}.top-1-ns{top:1rem}.left-1-ns{left:1rem}.right-1-ns{right:1rem}.bottom-1-ns{bottom:1rem}.top-2-ns{top:2rem}.left-2-ns{left:2rem}.right-2-ns{right:2rem}.bottom-2-ns{bottom:2rem}.top--1-ns{top:-1rem}.right--1-ns{right:-1rem}.bottom--1-ns{bottom:-1rem}.left--1-ns{left:-1rem}.top--2-ns{top:-2rem}.right--2-ns{right:-2rem}.bottom--2-ns{bottom:-2rem}.left--2-ns{left:-2rem}.absolute--fill-ns{top:0;right:0;bottom:0;left:0}.cl-ns{clear:left}.cr-ns{clear:right}.cb-ns{clear:both}.cn-ns{clear:none}.dn-ns{display:none}.di-ns{display:inline}.db-ns{display:block}.dib-ns{display:inline-block}.dit-ns{display:inline-table}.dt-ns{display:table}.dtc-ns{display:table-cell}.dt-row-ns{display:table-row}.dt-row-group-ns{display:table-row-group}.dt-column-ns{display:table-column}.dt-column-group-ns{display:table-column-group}.dt--fixed-ns{table-layout:fixed;width:100%}.flex-ns{display:flex}.inline-flex-ns{display:inline-flex}.flex-auto-ns{flex:1 1 auto;min-width:0;min-height:0}.flex-none-ns{flex:none}.flex-column-ns{flex-direction:column}.flex-row-ns{flex-direction:row}.flex-wrap-ns{flex-wrap:wrap}.flex-nowrap-ns{flex-wrap:nowrap}.flex-wrap-reverse-ns{flex-wrap:wrap-reverse}.flex-column-reverse-ns{flex-direction:column-reverse}.flex-row-reverse-ns{flex-direction:row-reverse}.items-start-ns{align-items:flex-start}.items-end-ns{align-items:flex-end}.items-center-ns{align-items:center}.items-baseline-ns{align-items:baseline}.items-stretch-ns{align-items:stretch}.self-start-ns{align-self:flex-start}.self-end-ns{align-self:flex-end}.self-center-ns{align-self:center}.self-baseline-ns{align-self:baseline}.self-stretch-ns{align-self:stretch}.justify-start-ns{justify-content:flex-start}.justify-end-ns{justify-content:flex-end}.justify-center-ns{justify-content:center}.justify-between-ns{justify-content:space-between}.justify-around-ns{justify-content:space-around}.content-start-ns{align-content:flex-start}.content-end-ns{align-content:flex-end}.content-center-ns{align-content:center}.content-between-ns{align-content:space-between}.content-around-ns{align-content:space-around}.content-stretch-ns{align-content:stretch}.order-0-ns{order:0}.order-1-ns{order:1}.order-2-ns{order:2}.order-3-ns{order:3}.order-4-ns{order:4}.order-5-ns{order:5}.order-6-ns{order:6}.order-7-ns{order:7}.order-8-ns{order:8}.order-last-ns{order:99999}.flex-grow-0-ns{flex-grow:0}.flex-grow-1-ns{flex-grow:1}.flex-shrink-0-ns{flex-shrink:0}.flex-shrink-1-ns{flex-shrink:1}.fl-ns{float:left}.fl-ns,.fr-ns{_display:inline}.fr-ns{float:right}.fn-ns{float:none}.i-ns{font-style:italic}.fs-normal-ns{font-style:normal}.normal-ns{font-weight:400}.b-ns{font-weight:700}.fw1-ns{font-weight:100}.fw2-ns{font-weight:200}.fw3-ns{font-weight:300}.fw4-ns{font-weight:400}.fw5-ns{font-weight:500}.fw6-ns{font-weight:600}.fw7-ns{font-weight:700}.fw8-ns{font-weight:800}.fw9-ns{font-weight:900}.h1-ns{height:1rem}.h2-ns{height:2rem}.h3-ns{height:4rem}.h4-ns{height:8rem}.h5-ns{height:16rem}.h-25-ns{height:25%}.h-50-ns{height:50%}.h-75-ns{height:75%}.h-100-ns{height:100%}.min-h-100-ns{min-height:100%}.vh-25-ns{height:25vh}.vh-50-ns{height:50vh}.vh-75-ns{height:75vh}.vh-100-ns{height:100vh}.min-vh-100-ns{min-height:100vh}.h-auto-ns{height:auto}.h-inherit-ns{height:inherit}.tracked-ns{letter-spacing:.1em}.tracked-tight-ns{letter-spacing:-.05em}.tracked-mega-ns{letter-spacing:.25em}.lh-solid-ns{line-height:1}.lh-title-ns{line-height:1.25}.lh-copy-ns{line-height:1.5}.mw-100-ns{max-width:100%}.mw1-ns{max-width:1rem}.mw2-ns{max-width:2rem}.mw3-ns{max-width:4rem}.mw4-ns{max-width:8rem}.mw5-ns{max-width:16rem}.mw6-ns{max-width:32rem}.mw7-ns{max-width:48rem}.mw8-ns{max-width:64rem}.mw9-ns{max-width:96rem}.mw-none-ns{max-width:none}.w1-ns{width:1rem}.w2-ns{width:2rem}.w3-ns{width:4rem}.w4-ns{width:8rem}.w5-ns{width:16rem}.w-10-ns{width:10%}.w-20-ns{width:20%}.w-25-ns{width:25%}.w-30-ns{width:30%}.w-33-ns{width:33%}.w-34-ns{width:34%}.w-40-ns{width:40%}.w-50-ns{width:50%}.w-60-ns{width:60%}.w-70-ns{width:70%}.w-75-ns{width:75%}.w-80-ns{width:80%}.w-90-ns{width:90%}.w-100-ns{width:100%}.w-third-ns{width:33.33333%}.w-two-thirds-ns{width:66.66667%}.w-auto-ns{width:auto}.overflow-visible-ns{overflow:visible}.overflow-hidden-ns{overflow:hidden}.overflow-scroll-ns{overflow:scroll}.overflow-auto-ns{overflow:auto}.overflow-x-visible-ns{overflow-x:visible}.overflow-x-hidden-ns{overflow-x:hidden}.overflow-x-scroll-ns{overflow-x:scroll}.overflow-x-auto-ns{overflow-x:auto}.overflow-y-visible-ns{overflow-y:visible}.overflow-y-hidden-ns{overflow-y:hidden}.overflow-y-scroll-ns{overflow-y:scroll}.overflow-y-auto-ns{overflow-y:auto}.static-ns{position:static}.relative-ns{position:relative}.absolute-ns{position:absolute}.fixed-ns{position:fixed}.rotate-45-ns{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.rotate-90-ns{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.rotate-135-ns{-webkit-transform:rotate(135deg);transform:rotate(135deg)}.rotate-180-ns{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.rotate-225-ns{-webkit-transform:rotate(225deg);transform:rotate(225deg)}.rotate-270-ns{-webkit-transform:rotate(270deg);transform:rotate(270deg)}.rotate-315-ns{-webkit-transform:rotate(315deg);transform:rotate(315deg)}.pa0-ns{padding:0}.pa1-ns{padding:.25rem}.pa2-ns{padding:.5rem}.pa3-ns{padding:1rem}.pa4-ns{padding:2rem}.pa5-ns{padding:4rem}.pa6-ns{padding:8rem}.pa7-ns{padding:16rem}.pl0-ns{padding-left:0}.pl1-ns{padding-left:.25rem}.pl2-ns{padding-left:.5rem}.pl3-ns{padding-left:1rem}.pl4-ns{padding-left:2rem}.pl5-ns{padding-left:4rem}.pl6-ns{padding-left:8rem}.pl7-ns{padding-left:16rem}.pr0-ns{padding-right:0}.pr1-ns{padding-right:.25rem}.pr2-ns{padding-right:.5rem}.pr3-ns{padding-right:1rem}.pr4-ns{padding-right:2rem}.pr5-ns{padding-right:4rem}.pr6-ns{padding-right:8rem}.pr7-ns{padding-right:16rem}.pb0-ns{padding-bottom:0}.pb1-ns{padding-bottom:.25rem}.pb2-ns{padding-bottom:.5rem}.pb3-ns{padding-bottom:1rem}.pb4-ns{padding-bottom:2rem}.pb5-ns{padding-bottom:4rem}.pb6-ns{padding-bottom:8rem}.pb7-ns{padding-bottom:16rem}.pt0-ns{padding-top:0}.pt1-ns{padding-top:.25rem}.pt2-ns{padding-top:.5rem}.pt3-ns{padding-top:1rem}.pt4-ns{padding-top:2rem}.pt5-ns{padding-top:4rem}.pt6-ns{padding-top:8rem}.pt7-ns{padding-top:16rem}.pv0-ns{padding-top:0;padding-bottom:0}.pv1-ns{padding-top:.25rem;padding-bottom:.25rem}.pv2-ns{padding-top:.5rem;padding-bottom:.5rem}.pv3-ns{padding-top:1rem;padding-bottom:1rem}.pv4-ns{padding-top:2rem;padding-bottom:2rem}.pv5-ns{padding-top:4rem;padding-bottom:4rem}.pv6-ns{padding-top:8rem;padding-bottom:8rem}.pv7-ns{padding-top:16rem;padding-bottom:16rem}.ph0-ns{padding-left:0;padding-right:0}.ph1-ns{padding-left:.25rem;padding-right:.25rem}.ph2-ns{padding-left:.5rem;padding-right:.5rem}.ph3-ns{padding-left:1rem;padding-right:1rem}.ph4-ns{padding-left:2rem;padding-right:2rem}.ph5-ns{padding-left:4rem;padding-right:4rem}.ph6-ns{padding-left:8rem;padding-right:8rem}.ph7-ns{padding-left:16rem;padding-right:16rem}.ma0-ns{margin:0}.ma1-ns{margin:.25rem}.ma2-ns{margin:.5rem}.ma3-ns{margin:1rem}.ma4-ns{margin:2rem}.ma5-ns{margin:4rem}.ma6-ns{margin:8rem}.ma7-ns{margin:16rem}.ml0-ns{margin-left:0}.ml1-ns{margin-left:.25rem}.ml2-ns{margin-left:.5rem}.ml3-ns{margin-left:1rem}.ml4-ns{margin-left:2rem}.ml5-ns{margin-left:4rem}.ml6-ns{margin-left:8rem}.ml7-ns{margin-left:16rem}.mr0-ns{margin-right:0}.mr1-ns{margin-right:.25rem}.mr2-ns{margin-right:.5rem}.mr3-ns{margin-right:1rem}.mr4-ns{margin-right:2rem}.mr5-ns{margin-right:4rem}.mr6-ns{margin-right:8rem}.mr7-ns{margin-right:16rem}.mb0-ns{margin-bottom:0}.mb1-ns{margin-bottom:.25rem}.mb2-ns{margin-bottom:.5rem}.mb3-ns{margin-bottom:1rem}.mb4-ns{margin-bottom:2rem}.mb5-ns{margin-bottom:4rem}.mb6-ns{margin-bottom:8rem}.mb7-ns{margin-bottom:16rem}.mt0-ns{margin-top:0}.mt1-ns{margin-top:.25rem}.mt2-ns{margin-top:.5rem}.mt3-ns{margin-top:1rem}.mt4-ns{margin-top:2rem}.mt5-ns{margin-top:4rem}.mt6-ns{margin-top:8rem}.mt7-ns{margin-top:16rem}.mv0-ns{margin-top:0;margin-bottom:0}.mv1-ns{margin-top:.25rem;margin-bottom:.25rem}.mv2-ns{margin-top:.5rem;margin-bottom:.5rem}.mv3-ns{margin-top:1rem;margin-bottom:1rem}.mv4-ns{margin-top:2rem;margin-bottom:2rem}.mv5-ns{margin-top:4rem;margin-bottom:4rem}.mv6-ns{margin-top:8rem;margin-bottom:8rem}.mv7-ns{margin-top:16rem;margin-bottom:16rem}.mh0-ns{margin-left:0;margin-right:0}.mh1-ns{margin-left:.25rem;margin-right:.25rem}.mh2-ns{margin-left:.5rem;margin-right:.5rem}.mh3-ns{margin-left:1rem;margin-right:1rem}.mh4-ns{margin-left:2rem;margin-right:2rem}.mh5-ns{margin-left:4rem;margin-right:4rem}.mh6-ns{margin-left:8rem;margin-right:8rem}.mh7-ns{margin-left:16rem;margin-right:16rem}.na1-ns{margin:-.25rem}.na2-ns{margin:-.5rem}.na3-ns{margin:-1rem}.na4-ns{margin:-2rem}.na5-ns{margin:-4rem}.na6-ns{margin:-8rem}.na7-ns{margin:-16rem}.nl1-ns{margin-left:-.25rem}.nl2-ns{margin-left:-.5rem}.nl3-ns{margin-left:-1rem}.nl4-ns{margin-left:-2rem}.nl5-ns{margin-left:-4rem}.nl6-ns{margin-left:-8rem}.nl7-ns{margin-left:-16rem}.nr1-ns{margin-right:-.25rem}.nr2-ns{margin-right:-.5rem}.nr3-ns{margin-right:-1rem}.nr4-ns{margin-right:-2rem}.nr5-ns{margin-right:-4rem}.nr6-ns{margin-right:-8rem}.nr7-ns{margin-right:-16rem}.nb1-ns{margin-bottom:-.25rem}.nb2-ns{margin-bottom:-.5rem}.nb3-ns{margin-bottom:-1rem}.nb4-ns{margin-bottom:-2rem}.nb5-ns{margin-bottom:-4rem}.nb6-ns{margin-bottom:-8rem}.nb7-ns{margin-bottom:-16rem}.nt1-ns{margin-top:-.25rem}.nt2-ns{margin-top:-.5rem}.nt3-ns{margin-top:-1rem}.nt4-ns{margin-top:-2rem}.nt5-ns{margin-top:-4rem}.nt6-ns{margin-top:-8rem}.nt7-ns{margin-top:-16rem}.strike-ns{text-decoration:line-through}.underline-ns{text-decoration:underline}.no-underline-ns{text-decoration:none}.tl-ns{text-align:left}.tr-ns{text-align:right}.tc-ns{text-align:center}.tj-ns{text-align:justify}.ttc-ns{text-transform:capitalize}.ttl-ns{text-transform:lowercase}.ttu-ns{text-transform:uppercase}.ttn-ns{text-transform:none}.f-6-ns,.f-headline-ns{font-size:6rem}.f-5-ns,.f-subheadline-ns{font-size:5rem}.f1-ns{font-size:3rem}.f2-ns{font-size:2.25rem}.f3-ns{font-size:1.5rem}.f4-ns{font-size:1.25rem}.f5-ns{font-size:1rem}.f6-ns{font-size:.875rem}.f7-ns{font-size:.75rem}.measure-ns{max-width:30em}.measure-wide-ns{max-width:34em}.measure-narrow-ns{max-width:20em}.indent-ns{text-indent:1em;margin-top:0;margin-bottom:0}.small-caps-ns{font-variant:small-caps}.truncate-ns{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.center-ns{margin-left:auto}.center-ns,.mr-auto-ns{margin-right:auto}.ml-auto-ns{margin-left:auto}.clip-ns{position:fixed!important;_position:absolute!important;clip:rect(1px 1px 1px 1px);clip:rect(1px,1px,1px,1px)}.ws-normal-ns{white-space:normal}.nowrap-ns{white-space:nowrap}.pre-ns{white-space:pre}.v-base-ns{vertical-align:baseline}.v-mid-ns{vertical-align:middle}.v-top-ns{vertical-align:top}.v-btm-ns{vertical-align:bottom}}@media screen and (min-width:30em) and (max-width:60em){.aspect-ratio-m{height:0;position:relative}.aspect-ratio--16x9-m{padding-bottom:56.25%}.aspect-ratio--9x16-m{padding-bottom:177.77%}.aspect-ratio--4x3-m{padding-bottom:75%}.aspect-ratio--3x4-m{padding-bottom:133.33%}.aspect-ratio--6x4-m{padding-bottom:66.6%}.aspect-ratio--4x6-m{padding-bottom:150%}.aspect-ratio--8x5-m{padding-bottom:62.5%}.aspect-ratio--5x8-m{padding-bottom:160%}.aspect-ratio--7x5-m{padding-bottom:71.42%}.aspect-ratio--5x7-m{padding-bottom:140%}.aspect-ratio--1x1-m{padding-bottom:100%}.aspect-ratio--object-m{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:100}.cover-m{background-size:cover!important}.contain-m{background-size:contain!important}.bg-center-m{background-position:50%}.bg-center-m,.bg-top-m{background-repeat:no-repeat}.bg-top-m{background-position:top}.bg-right-m{background-position:100%}.bg-bottom-m,.bg-right-m{background-repeat:no-repeat}.bg-bottom-m{background-position:bottom}.bg-left-m{background-repeat:no-repeat;background-position:0}.outline-m{outline:1px solid}.outline-transparent-m{outline:1px solid transparent}.outline-0-m{outline:0}.ba-m{border-style:solid;border-width:1px}.bt-m{border-top-style:solid;border-top-width:1px}.br-m{border-right-style:solid;border-right-width:1px}.bb-m{border-bottom-style:solid;border-bottom-width:1px}.bl-m{border-left-style:solid;border-left-width:1px}.bn-m{border-style:none;border-width:0}.br0-m{border-radius:0}.br1-m{border-radius:.125rem}.br2-m{border-radius:.25rem}.br3-m{border-radius:.5rem}.br4-m{border-radius:1rem}.br-100-m{border-radius:100%}.br-pill-m{border-radius:9999px}.br--bottom-m{border-top-left-radius:0;border-top-right-radius:0}.br--top-m{border-bottom-right-radius:0}.br--right-m,.br--top-m{border-bottom-left-radius:0}.br--right-m{border-top-left-radius:0}.br--left-m{border-top-right-radius:0;border-bottom-right-radius:0}.br-inherit-m{border-radius:inherit}.br-initial-m{border-radius:initial}.br-unset-m{border-radius:unset}.b--dotted-m{border-style:dotted}.b--dashed-m{border-style:dashed}.b--solid-m{border-style:solid}.b--none-m{border-style:none}.bw0-m{border-width:0}.bw1-m{border-width:.125rem}.bw2-m{border-width:.25rem}.bw3-m{border-width:.5rem}.bw4-m{border-width:1rem}.bw5-m{border-width:2rem}.bt-0-m{border-top-width:0}.br-0-m{border-right-width:0}.bb-0-m{border-bottom-width:0}.bl-0-m{border-left-width:0}.shadow-1-m{box-shadow:0 0 4px 2px rgba(0,0,0,.2)}.shadow-2-m{box-shadow:0 0 8px 2px rgba(0,0,0,.2)}.shadow-3-m{box-shadow:2px 2px 4px 2px rgba(0,0,0,.2)}.shadow-4-m{box-shadow:2px 2px 8px 0 rgba(0,0,0,.2)}.shadow-5-m{box-shadow:4px 4px 8px 0 rgba(0,0,0,.2)}.top-0-m{top:0}.left-0-m{left:0}.right-0-m{right:0}.bottom-0-m{bottom:0}.top-1-m{top:1rem}.left-1-m{left:1rem}.right-1-m{right:1rem}.bottom-1-m{bottom:1rem}.top-2-m{top:2rem}.left-2-m{left:2rem}.right-2-m{right:2rem}.bottom-2-m{bottom:2rem}.top--1-m{top:-1rem}.right--1-m{right:-1rem}.bottom--1-m{bottom:-1rem}.left--1-m{left:-1rem}.top--2-m{top:-2rem}.right--2-m{right:-2rem}.bottom--2-m{bottom:-2rem}.left--2-m{left:-2rem}.absolute--fill-m{top:0;right:0;bottom:0;left:0}.cl-m{clear:left}.cr-m{clear:right}.cb-m{clear:both}.cn-m{clear:none}.dn-m{display:none}.di-m{display:inline}.db-m{display:block}.dib-m{display:inline-block}.dit-m{display:inline-table}.dt-m{display:table}.dtc-m{display:table-cell}.dt-row-m{display:table-row}.dt-row-group-m{display:table-row-group}.dt-column-m{display:table-column}.dt-column-group-m{display:table-column-group}.dt--fixed-m{table-layout:fixed;width:100%}.flex-m{display:flex}.inline-flex-m{display:inline-flex}.flex-auto-m{flex:1 1 auto;min-width:0;min-height:0}.flex-none-m{flex:none}.flex-column-m{flex-direction:column}.flex-row-m{flex-direction:row}.flex-wrap-m{flex-wrap:wrap}.flex-nowrap-m{flex-wrap:nowrap}.flex-wrap-reverse-m{flex-wrap:wrap-reverse}.flex-column-reverse-m{flex-direction:column-reverse}.flex-row-reverse-m{flex-direction:row-reverse}.items-start-m{align-items:flex-start}.items-end-m{align-items:flex-end}.items-center-m{align-items:center}.items-baseline-m{align-items:baseline}.items-stretch-m{align-items:stretch}.self-start-m{align-self:flex-start}.self-end-m{align-self:flex-end}.self-center-m{align-self:center}.self-baseline-m{align-self:baseline}.self-stretch-m{align-self:stretch}.justify-start-m{justify-content:flex-start}.justify-end-m{justify-content:flex-end}.justify-center-m{justify-content:center}.justify-between-m{justify-content:space-between}.justify-around-m{justify-content:space-around}.content-start-m{align-content:flex-start}.content-end-m{align-content:flex-end}.content-center-m{align-content:center}.content-between-m{align-content:space-between}.content-around-m{align-content:space-around}.content-stretch-m{align-content:stretch}.order-0-m{order:0}.order-1-m{order:1}.order-2-m{order:2}.order-3-m{order:3}.order-4-m{order:4}.order-5-m{order:5}.order-6-m{order:6}.order-7-m{order:7}.order-8-m{order:8}.order-last-m{order:99999}.flex-grow-0-m{flex-grow:0}.flex-grow-1-m{flex-grow:1}.flex-shrink-0-m{flex-shrink:0}.flex-shrink-1-m{flex-shrink:1}.fl-m{float:left}.fl-m,.fr-m{_display:inline}.fr-m{float:right}.fn-m{float:none}.i-m{font-style:italic}.fs-normal-m{font-style:normal}.normal-m{font-weight:400}.b-m{font-weight:700}.fw1-m{font-weight:100}.fw2-m{font-weight:200}.fw3-m{font-weight:300}.fw4-m{font-weight:400}.fw5-m{font-weight:500}.fw6-m{font-weight:600}.fw7-m{font-weight:700}.fw8-m{font-weight:800}.fw9-m{font-weight:900}.h1-m{height:1rem}.h2-m{height:2rem}.h3-m{height:4rem}.h4-m{height:8rem}.h5-m{height:16rem}.h-25-m{height:25%}.h-50-m{height:50%}.h-75-m{height:75%}.h-100-m{height:100%}.min-h-100-m{min-height:100%}.vh-25-m{height:25vh}.vh-50-m{height:50vh}.vh-75-m{height:75vh}.vh-100-m{height:100vh}.min-vh-100-m{min-height:100vh}.h-auto-m{height:auto}.h-inherit-m{height:inherit}.tracked-m{letter-spacing:.1em}.tracked-tight-m{letter-spacing:-.05em}.tracked-mega-m{letter-spacing:.25em}.lh-solid-m{line-height:1}.lh-title-m{line-height:1.25}.lh-copy-m{line-height:1.5}.mw-100-m{max-width:100%}.mw1-m{max-width:1rem}.mw2-m{max-width:2rem}.mw3-m{max-width:4rem}.mw4-m{max-width:8rem}.mw5-m{max-width:16rem}.mw6-m{max-width:32rem}.mw7-m{max-width:48rem}.mw8-m{max-width:64rem}.mw9-m{max-width:96rem}.mw-none-m{max-width:none}.w1-m{width:1rem}.w2-m{width:2rem}.w3-m{width:4rem}.w4-m{width:8rem}.w5-m{width:16rem}.w-10-m{width:10%}.w-20-m{width:20%}.w-25-m{width:25%}.w-30-m{width:30%}.w-33-m{width:33%}.w-34-m{width:34%}.w-40-m{width:40%}.w-50-m{width:50%}.w-60-m{width:60%}.w-70-m{width:70%}.w-75-m{width:75%}.w-80-m{width:80%}.w-90-m{width:90%}.w-100-m{width:100%}.w-third-m{width:33.33333%}.w-two-thirds-m{width:66.66667%}.w-auto-m{width:auto}.overflow-visible-m{overflow:visible}.overflow-hidden-m{overflow:hidden}.overflow-scroll-m{overflow:scroll}.overflow-auto-m{overflow:auto}.overflow-x-visible-m{overflow-x:visible}.overflow-x-hidden-m{overflow-x:hidden}.overflow-x-scroll-m{overflow-x:scroll}.overflow-x-auto-m{overflow-x:auto}.overflow-y-visible-m{overflow-y:visible}.overflow-y-hidden-m{overflow-y:hidden}.overflow-y-scroll-m{overflow-y:scroll}.overflow-y-auto-m{overflow-y:auto}.static-m{position:static}.relative-m{position:relative}.absolute-m{position:absolute}.fixed-m{position:fixed}.rotate-45-m{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.rotate-90-m{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.rotate-135-m{-webkit-transform:rotate(135deg);transform:rotate(135deg)}.rotate-180-m{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.rotate-225-m{-webkit-transform:rotate(225deg);transform:rotate(225deg)}.rotate-270-m{-webkit-transform:rotate(270deg);transform:rotate(270deg)}.rotate-315-m{-webkit-transform:rotate(315deg);transform:rotate(315deg)}.pa0-m{padding:0}.pa1-m{padding:.25rem}.pa2-m{padding:.5rem}.pa3-m{padding:1rem}.pa4-m{padding:2rem}.pa5-m{padding:4rem}.pa6-m{padding:8rem}.pa7-m{padding:16rem}.pl0-m{padding-left:0}.pl1-m{padding-left:.25rem}.pl2-m{padding-left:.5rem}.pl3-m{padding-left:1rem}.pl4-m{padding-left:2rem}.pl5-m{padding-left:4rem}.pl6-m{padding-left:8rem}.pl7-m{padding-left:16rem}.pr0-m{padding-right:0}.pr1-m{padding-right:.25rem}.pr2-m{padding-right:.5rem}.pr3-m{padding-right:1rem}.pr4-m{padding-right:2rem}.pr5-m{padding-right:4rem}.pr6-m{padding-right:8rem}.pr7-m{padding-right:16rem}.pb0-m{padding-bottom:0}.pb1-m{padding-bottom:.25rem}.pb2-m{padding-bottom:.5rem}.pb3-m{padding-bottom:1rem}.pb4-m{padding-bottom:2rem}.pb5-m{padding-bottom:4rem}.pb6-m{padding-bottom:8rem}.pb7-m{padding-bottom:16rem}.pt0-m{padding-top:0}.pt1-m{padding-top:.25rem}.pt2-m{padding-top:.5rem}.pt3-m{padding-top:1rem}.pt4-m{padding-top:2rem}.pt5-m{padding-top:4rem}.pt6-m{padding-top:8rem}.pt7-m{padding-top:16rem}.pv0-m{padding-top:0;padding-bottom:0}.pv1-m{padding-top:.25rem;padding-bottom:.25rem}.pv2-m{padding-top:.5rem;padding-bottom:.5rem}.pv3-m{padding-top:1rem;padding-bottom:1rem}.pv4-m{padding-top:2rem;padding-bottom:2rem}.pv5-m{padding-top:4rem;padding-bottom:4rem}.pv6-m{padding-top:8rem;padding-bottom:8rem}.pv7-m{padding-top:16rem;padding-bottom:16rem}.ph0-m{padding-left:0;padding-right:0}.ph1-m{padding-left:.25rem;padding-right:.25rem}.ph2-m{padding-left:.5rem;padding-right:.5rem}.ph3-m{padding-left:1rem;padding-right:1rem}.ph4-m{padding-left:2rem;padding-right:2rem}.ph5-m{padding-left:4rem;padding-right:4rem}.ph6-m{padding-left:8rem;padding-right:8rem}.ph7-m{padding-left:16rem;padding-right:16rem}.ma0-m{margin:0}.ma1-m{margin:.25rem}.ma2-m{margin:.5rem}.ma3-m{margin:1rem}.ma4-m{margin:2rem}.ma5-m{margin:4rem}.ma6-m{margin:8rem}.ma7-m{margin:16rem}.ml0-m{margin-left:0}.ml1-m{margin-left:.25rem}.ml2-m{margin-left:.5rem}.ml3-m{margin-left:1rem}.ml4-m{margin-left:2rem}.ml5-m{margin-left:4rem}.ml6-m{margin-left:8rem}.ml7-m{margin-left:16rem}.mr0-m{margin-right:0}.mr1-m{margin-right:.25rem}.mr2-m{margin-right:.5rem}.mr3-m{margin-right:1rem}.mr4-m{margin-right:2rem}.mr5-m{margin-right:4rem}.mr6-m{margin-right:8rem}.mr7-m{margin-right:16rem}.mb0-m{margin-bottom:0}.mb1-m{margin-bottom:.25rem}.mb2-m{margin-bottom:.5rem}.mb3-m{margin-bottom:1rem}.mb4-m{margin-bottom:2rem}.mb5-m{margin-bottom:4rem}.mb6-m{margin-bottom:8rem}.mb7-m{margin-bottom:16rem}.mt0-m{margin-top:0}.mt1-m{margin-top:.25rem}.mt2-m{margin-top:.5rem}.mt3-m{margin-top:1rem}.mt4-m{margin-top:2rem}.mt5-m{margin-top:4rem}.mt6-m{margin-top:8rem}.mt7-m{margin-top:16rem}.mv0-m{margin-top:0;margin-bottom:0}.mv1-m{margin-top:.25rem;margin-bottom:.25rem}.mv2-m{margin-top:.5rem;margin-bottom:.5rem}.mv3-m{margin-top:1rem;margin-bottom:1rem}.mv4-m{margin-top:2rem;margin-bottom:2rem}.mv5-m{margin-top:4rem;margin-bottom:4rem}.mv6-m{margin-top:8rem;margin-bottom:8rem}.mv7-m{margin-top:16rem;margin-bottom:16rem}.mh0-m{margin-left:0;margin-right:0}.mh1-m{margin-left:.25rem;margin-right:.25rem}.mh2-m{margin-left:.5rem;margin-right:.5rem}.mh3-m{margin-left:1rem;margin-right:1rem}.mh4-m{margin-left:2rem;margin-right:2rem}.mh5-m{margin-left:4rem;margin-right:4rem}.mh6-m{margin-left:8rem;margin-right:8rem}.mh7-m{margin-left:16rem;margin-right:16rem}.na1-m{margin:-.25rem}.na2-m{margin:-.5rem}.na3-m{margin:-1rem}.na4-m{margin:-2rem}.na5-m{margin:-4rem}.na6-m{margin:-8rem}.na7-m{margin:-16rem}.nl1-m{margin-left:-.25rem}.nl2-m{margin-left:-.5rem}.nl3-m{margin-left:-1rem}.nl4-m{margin-left:-2rem}.nl5-m{margin-left:-4rem}.nl6-m{margin-left:-8rem}.nl7-m{margin-left:-16rem}.nr1-m{margin-right:-.25rem}.nr2-m{margin-right:-.5rem}.nr3-m{margin-right:-1rem}.nr4-m{margin-right:-2rem}.nr5-m{margin-right:-4rem}.nr6-m{margin-right:-8rem}.nr7-m{margin-right:-16rem}.nb1-m{margin-bottom:-.25rem}.nb2-m{margin-bottom:-.5rem}.nb3-m{margin-bottom:-1rem}.nb4-m{margin-bottom:-2rem}.nb5-m{margin-bottom:-4rem}.nb6-m{margin-bottom:-8rem}.nb7-m{margin-bottom:-16rem}.nt1-m{margin-top:-.25rem}.nt2-m{margin-top:-.5rem}.nt3-m{margin-top:-1rem}.nt4-m{margin-top:-2rem}.nt5-m{margin-top:-4rem}.nt6-m{margin-top:-8rem}.nt7-m{margin-top:-16rem}.strike-m{text-decoration:line-through}.underline-m{text-decoration:underline}.no-underline-m{text-decoration:none}.tl-m{text-align:left}.tr-m{text-align:right}.tc-m{text-align:center}.tj-m{text-align:justify}.ttc-m{text-transform:capitalize}.ttl-m{text-transform:lowercase}.ttu-m{text-transform:uppercase}.ttn-m{text-transform:none}.f-6-m,.f-headline-m{font-size:6rem}.f-5-m,.f-subheadline-m{font-size:5rem}.f1-m{font-size:3rem}.f2-m{font-size:2.25rem}.f3-m{font-size:1.5rem}.f4-m{font-size:1.25rem}.f5-m{font-size:1rem}.f6-m{font-size:.875rem}.f7-m{font-size:.75rem}.measure-m{max-width:30em}.measure-wide-m{max-width:34em}.measure-narrow-m{max-width:20em}.indent-m{text-indent:1em;margin-top:0;margin-bottom:0}.small-caps-m{font-variant:small-caps}.truncate-m{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.center-m{margin-left:auto}.center-m,.mr-auto-m{margin-right:auto}.ml-auto-m{margin-left:auto}.clip-m{position:fixed!important;_position:absolute!important;clip:rect(1px 1px 1px 1px);clip:rect(1px,1px,1px,1px)}.ws-normal-m{white-space:normal}.nowrap-m{white-space:nowrap}.pre-m{white-space:pre}.v-base-m{vertical-align:baseline}.v-mid-m{vertical-align:middle}.v-top-m{vertical-align:top}.v-btm-m{vertical-align:bottom}}@media screen and (min-width:60em){.aspect-ratio-l{height:0;position:relative}.aspect-ratio--16x9-l{padding-bottom:56.25%}.aspect-ratio--9x16-l{padding-bottom:177.77%}.aspect-ratio--4x3-l{padding-bottom:75%}.aspect-ratio--3x4-l{padding-bottom:133.33%}.aspect-ratio--6x4-l{padding-bottom:66.6%}.aspect-ratio--4x6-l{padding-bottom:150%}.aspect-ratio--8x5-l{padding-bottom:62.5%}.aspect-ratio--5x8-l{padding-bottom:160%}.aspect-ratio--7x5-l{padding-bottom:71.42%}.aspect-ratio--5x7-l{padding-bottom:140%}.aspect-ratio--1x1-l{padding-bottom:100%}.aspect-ratio--object-l{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:100}.cover-l{background-size:cover!important}.contain-l{background-size:contain!important}.bg-center-l{background-position:50%}.bg-center-l,.bg-top-l{background-repeat:no-repeat}.bg-top-l{background-position:top}.bg-right-l{background-position:100%}.bg-bottom-l,.bg-right-l{background-repeat:no-repeat}.bg-bottom-l{background-position:bottom}.bg-left-l{background-repeat:no-repeat;background-position:0}.outline-l{outline:1px solid}.outline-transparent-l{outline:1px solid transparent}.outline-0-l{outline:0}.ba-l{border-style:solid;border-width:1px}.bt-l{border-top-style:solid;border-top-width:1px}.br-l{border-right-style:solid;border-right-width:1px}.bb-l{border-bottom-style:solid;border-bottom-width:1px}.bl-l{border-left-style:solid;border-left-width:1px}.bn-l{border-style:none;border-width:0}.br0-l{border-radius:0}.br1-l{border-radius:.125rem}.br2-l{border-radius:.25rem}.br3-l{border-radius:.5rem}.br4-l{border-radius:1rem}.br-100-l{border-radius:100%}.br-pill-l{border-radius:9999px}.br--bottom-l{border-top-left-radius:0;border-top-right-radius:0}.br--top-l{border-bottom-right-radius:0}.br--right-l,.br--top-l{border-bottom-left-radius:0}.br--right-l{border-top-left-radius:0}.br--left-l{border-top-right-radius:0;border-bottom-right-radius:0}.br-inherit-l{border-radius:inherit}.br-initial-l{border-radius:initial}.br-unset-l{border-radius:unset}.b--dotted-l{border-style:dotted}.b--dashed-l{border-style:dashed}.b--solid-l{border-style:solid}.b--none-l{border-style:none}.bw0-l{border-width:0}.bw1-l{border-width:.125rem}.bw2-l{border-width:.25rem}.bw3-l{border-width:.5rem}.bw4-l{border-width:1rem}.bw5-l{border-width:2rem}.bt-0-l{border-top-width:0}.br-0-l{border-right-width:0}.bb-0-l{border-bottom-width:0}.bl-0-l{border-left-width:0}.shadow-1-l{box-shadow:0 0 4px 2px rgba(0,0,0,.2)}.shadow-2-l{box-shadow:0 0 8px 2px rgba(0,0,0,.2)}.shadow-3-l{box-shadow:2px 2px 4px 2px rgba(0,0,0,.2)}.shadow-4-l{box-shadow:2px 2px 8px 0 rgba(0,0,0,.2)}.shadow-5-l{box-shadow:4px 4px 8px 0 rgba(0,0,0,.2)}.top-0-l{top:0}.left-0-l{left:0}.right-0-l{right:0}.bottom-0-l{bottom:0}.top-1-l{top:1rem}.left-1-l{left:1rem}.right-1-l{right:1rem}.bottom-1-l{bottom:1rem}.top-2-l{top:2rem}.left-2-l{left:2rem}.right-2-l{right:2rem}.bottom-2-l{bottom:2rem}.top--1-l{top:-1rem}.right--1-l{right:-1rem}.bottom--1-l{bottom:-1rem}.left--1-l{left:-1rem}.top--2-l{top:-2rem}.right--2-l{right:-2rem}.bottom--2-l{bottom:-2rem}.left--2-l{left:-2rem}.absolute--fill-l{top:0;right:0;bottom:0;left:0}.cl-l{clear:left}.cr-l{clear:right}.cb-l{clear:both}.cn-l{clear:none}.dn-l{display:none}.di-l{display:inline}.db-l{display:block}.dib-l{display:inline-block}.dit-l{display:inline-table}.dt-l{display:table}.dtc-l{display:table-cell}.dt-row-l{display:table-row}.dt-row-group-l{display:table-row-group}.dt-column-l{display:table-column}.dt-column-group-l{display:table-column-group}.dt--fixed-l{table-layout:fixed;width:100%}.flex-l{display:flex}.inline-flex-l{display:inline-flex}.flex-auto-l{flex:1 1 auto;min-width:0;min-height:0}.flex-none-l{flex:none}.flex-column-l{flex-direction:column}.flex-row-l{flex-direction:row}.flex-wrap-l{flex-wrap:wrap}.flex-nowrap-l{flex-wrap:nowrap}.flex-wrap-reverse-l{flex-wrap:wrap-reverse}.flex-column-reverse-l{flex-direction:column-reverse}.flex-row-reverse-l{flex-direction:row-reverse}.items-start-l{align-items:flex-start}.items-end-l{align-items:flex-end}.items-center-l{align-items:center}.items-baseline-l{align-items:baseline}.items-stretch-l{align-items:stretch}.self-start-l{align-self:flex-start}.self-end-l{align-self:flex-end}.self-center-l{align-self:center}.self-baseline-l{align-self:baseline}.self-stretch-l{align-self:stretch}.justify-start-l{justify-content:flex-start}.justify-end-l{justify-content:flex-end}.justify-center-l{justify-content:center}.justify-between-l{justify-content:space-between}.justify-around-l{justify-content:space-around}.content-start-l{align-content:flex-start}.content-end-l{align-content:flex-end}.content-center-l{align-content:center}.content-between-l{align-content:space-between}.content-around-l{align-content:space-around}.content-stretch-l{align-content:stretch}.order-0-l{order:0}.order-1-l{order:1}.order-2-l{order:2}.order-3-l{order:3}.order-4-l{order:4}.order-5-l{order:5}.order-6-l{order:6}.order-7-l{order:7}.order-8-l{order:8}.order-last-l{order:99999}.flex-grow-0-l{flex-grow:0}.flex-grow-1-l{flex-grow:1}.flex-shrink-0-l{flex-shrink:0}.flex-shrink-1-l{flex-shrink:1}.fl-l{float:left}.fl-l,.fr-l{_display:inline}.fr-l{float:right}.fn-l{float:none}.i-l{font-style:italic}.fs-normal-l{font-style:normal}.normal-l{font-weight:400}.b-l{font-weight:700}.fw1-l{font-weight:100}.fw2-l{font-weight:200}.fw3-l{font-weight:300}.fw4-l{font-weight:400}.fw5-l{font-weight:500}.fw6-l{font-weight:600}.fw7-l{font-weight:700}.fw8-l{font-weight:800}.fw9-l{font-weight:900}.h1-l{height:1rem}.h2-l{height:2rem}.h3-l{height:4rem}.h4-l{height:8rem}.h5-l{height:16rem}.h-25-l{height:25%}.h-50-l{height:50%}.h-75-l{height:75%}.h-100-l{height:100%}.min-h-100-l{min-height:100%}.vh-25-l{height:25vh}.vh-50-l{height:50vh}.vh-75-l{height:75vh}.vh-100-l{height:100vh}.min-vh-100-l{min-height:100vh}.h-auto-l{height:auto}.h-inherit-l{height:inherit}.tracked-l{letter-spacing:.1em}.tracked-tight-l{letter-spacing:-.05em}.tracked-mega-l{letter-spacing:.25em}.lh-solid-l{line-height:1}.lh-title-l{line-height:1.25}.lh-copy-l{line-height:1.5}.mw-100-l{max-width:100%}.mw1-l{max-width:1rem}.mw2-l{max-width:2rem}.mw3-l{max-width:4rem}.mw4-l{max-width:8rem}.mw5-l{max-width:16rem}.mw6-l{max-width:32rem}.mw7-l{max-width:48rem}.mw8-l{max-width:64rem}.mw9-l{max-width:96rem}.mw-none-l{max-width:none}.w1-l{width:1rem}.w2-l{width:2rem}.w3-l{width:4rem}.w4-l{width:8rem}.w5-l{width:16rem}.w-10-l{width:10%}.w-20-l{width:20%}.w-25-l{width:25%}.w-30-l{width:30%}.w-33-l{width:33%}.w-34-l{width:34%}.w-40-l{width:40%}.w-50-l{width:50%}.w-60-l{width:60%}.w-70-l{width:70%}.w-75-l{width:75%}.w-80-l{width:80%}.w-90-l{width:90%}.w-100-l{width:100%}.w-third-l{width:33.33333%}.w-two-thirds-l{width:66.66667%}.w-auto-l{width:auto}.overflow-visible-l{overflow:visible}.overflow-hidden-l{overflow:hidden}.overflow-scroll-l{overflow:scroll}.overflow-auto-l{overflow:auto}.overflow-x-visible-l{overflow-x:visible}.overflow-x-hidden-l{overflow-x:hidden}.overflow-x-scroll-l{overflow-x:scroll}.overflow-x-auto-l{overflow-x:auto}.overflow-y-visible-l{overflow-y:visible}.overflow-y-hidden-l{overflow-y:hidden}.overflow-y-scroll-l{overflow-y:scroll}.overflow-y-auto-l{overflow-y:auto}.static-l{position:static}.relative-l{position:relative}.absolute-l{position:absolute}.fixed-l{position:fixed}.rotate-45-l{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.rotate-90-l{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.rotate-135-l{-webkit-transform:rotate(135deg);transform:rotate(135deg)}.rotate-180-l{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.rotate-225-l{-webkit-transform:rotate(225deg);transform:rotate(225deg)}.rotate-270-l{-webkit-transform:rotate(270deg);transform:rotate(270deg)}.rotate-315-l{-webkit-transform:rotate(315deg);transform:rotate(315deg)}.pa0-l{padding:0}.pa1-l{padding:.25rem}.pa2-l{padding:.5rem}.pa3-l{padding:1rem}.pa4-l{padding:2rem}.pa5-l{padding:4rem}.pa6-l{padding:8rem}.pa7-l{padding:16rem}.pl0-l{padding-left:0}.pl1-l{padding-left:.25rem}.pl2-l{padding-left:.5rem}.pl3-l{padding-left:1rem}.pl4-l{padding-left:2rem}.pl5-l{padding-left:4rem}.pl6-l{padding-left:8rem}.pl7-l{padding-left:16rem}.pr0-l{padding-right:0}.pr1-l{padding-right:.25rem}.pr2-l{padding-right:.5rem}.pr3-l{padding-right:1rem}.pr4-l{padding-right:2rem}.pr5-l{padding-right:4rem}.pr6-l{padding-right:8rem}.pr7-l{padding-right:16rem}.pb0-l{padding-bottom:0}.pb1-l{padding-bottom:.25rem}.pb2-l{padding-bottom:.5rem}.pb3-l{padding-bottom:1rem}.pb4-l{padding-bottom:2rem}.pb5-l{padding-bottom:4rem}.pb6-l{padding-bottom:8rem}.pb7-l{padding-bottom:16rem}.pt0-l{padding-top:0}.pt1-l{padding-top:.25rem}.pt2-l{padding-top:.5rem}.pt3-l{padding-top:1rem}.pt4-l{padding-top:2rem}.pt5-l{padding-top:4rem}.pt6-l{padding-top:8rem}.pt7-l{padding-top:16rem}.pv0-l{padding-top:0;padding-bottom:0}.pv1-l{padding-top:.25rem;padding-bottom:.25rem}.pv2-l{padding-top:.5rem;padding-bottom:.5rem}.pv3-l{padding-top:1rem;padding-bottom:1rem}.pv4-l{padding-top:2rem;padding-bottom:2rem}.pv5-l{padding-top:4rem;padding-bottom:4rem}.pv6-l{padding-top:8rem;padding-bottom:8rem}.pv7-l{padding-top:16rem;padding-bottom:16rem}.ph0-l{padding-left:0;padding-right:0}.ph1-l{padding-left:.25rem;padding-right:.25rem}.ph2-l{padding-left:.5rem;padding-right:.5rem}.ph3-l{padding-left:1rem;padding-right:1rem}.ph4-l{padding-left:2rem;padding-right:2rem}.ph5-l{padding-left:4rem;padding-right:4rem}.ph6-l{padding-left:8rem;padding-right:8rem}.ph7-l{padding-left:16rem;padding-right:16rem}.ma0-l{margin:0}.ma1-l{margin:.25rem}.ma2-l{margin:.5rem}.ma3-l{margin:1rem}.ma4-l{margin:2rem}.ma5-l{margin:4rem}.ma6-l{margin:8rem}.ma7-l{margin:16rem}.ml0-l{margin-left:0}.ml1-l{margin-left:.25rem}.ml2-l{margin-left:.5rem}.ml3-l{margin-left:1rem}.ml4-l{margin-left:2rem}.ml5-l{margin-left:4rem}.ml6-l{margin-left:8rem}.ml7-l{margin-left:16rem}.mr0-l{margin-right:0}.mr1-l{margin-right:.25rem}.mr2-l{margin-right:.5rem}.mr3-l{margin-right:1rem}.mr4-l{margin-right:2rem}.mr5-l{margin-right:4rem}.mr6-l{margin-right:8rem}.mr7-l{margin-right:16rem}.mb0-l{margin-bottom:0}.mb1-l{margin-bottom:.25rem}.mb2-l{margin-bottom:.5rem}.mb3-l{margin-bottom:1rem}.mb4-l{margin-bottom:2rem}.mb5-l{margin-bottom:4rem}.mb6-l{margin-bottom:8rem}.mb7-l{margin-bottom:16rem}.mt0-l{margin-top:0}.mt1-l{margin-top:.25rem}.mt2-l{margin-top:.5rem}.mt3-l{margin-top:1rem}.mt4-l{margin-top:2rem}.mt5-l{margin-top:4rem}.mt6-l{margin-top:8rem}.mt7-l{margin-top:16rem}.mv0-l{margin-top:0;margin-bottom:0}.mv1-l{margin-top:.25rem;margin-bottom:.25rem}.mv2-l{margin-top:.5rem;margin-bottom:.5rem}.mv3-l{margin-top:1rem;margin-bottom:1rem}.mv4-l{margin-top:2rem;margin-bottom:2rem}.mv5-l{margin-top:4rem;margin-bottom:4rem}.mv6-l{margin-top:8rem;margin-bottom:8rem}.mv7-l{margin-top:16rem;margin-bottom:16rem}.mh0-l{margin-left:0;margin-right:0}.mh1-l{margin-left:.25rem;margin-right:.25rem}.mh2-l{margin-left:.5rem;margin-right:.5rem}.mh3-l{margin-left:1rem;margin-right:1rem}.mh4-l{margin-left:2rem;margin-right:2rem}.mh5-l{margin-left:4rem;margin-right:4rem}.mh6-l{margin-left:8rem;margin-right:8rem}.mh7-l{margin-left:16rem;margin-right:16rem}.na1-l{margin:-.25rem}.na2-l{margin:-.5rem}.na3-l{margin:-1rem}.na4-l{margin:-2rem}.na5-l{margin:-4rem}.na6-l{margin:-8rem}.na7-l{margin:-16rem}.nl1-l{margin-left:-.25rem}.nl2-l{margin-left:-.5rem}.nl3-l{margin-left:-1rem}.nl4-l{margin-left:-2rem}.nl5-l{margin-left:-4rem}.nl6-l{margin-left:-8rem}.nl7-l{margin-left:-16rem}.nr1-l{margin-right:-.25rem}.nr2-l{margin-right:-.5rem}.nr3-l{margin-right:-1rem}.nr4-l{margin-right:-2rem}.nr5-l{margin-right:-4rem}.nr6-l{margin-right:-8rem}.nr7-l{margin-right:-16rem}.nb1-l{margin-bottom:-.25rem}.nb2-l{margin-bottom:-.5rem}.nb3-l{margin-bottom:-1rem}.nb4-l{margin-bottom:-2rem}.nb5-l{margin-bottom:-4rem}.nb6-l{margin-bottom:-8rem}.nb7-l{margin-bottom:-16rem}.nt1-l{margin-top:-.25rem}.nt2-l{margin-top:-.5rem}.nt3-l{margin-top:-1rem}.nt4-l{margin-top:-2rem}.nt5-l{margin-top:-4rem}.nt6-l{margin-top:-8rem}.nt7-l{margin-top:-16rem}.strike-l{text-decoration:line-through}.underline-l{text-decoration:underline}.no-underline-l{text-decoration:none}.tl-l{text-align:left}.tr-l{text-align:right}.tc-l{text-align:center}.tj-l{text-align:justify}.ttc-l{text-transform:capitalize}.ttl-l{text-transform:lowercase}.ttu-l{text-transform:uppercase}.ttn-l{text-transform:none}.f-6-l,.f-headline-l{font-size:6rem}.f-5-l,.f-subheadline-l{font-size:5rem}.f1-l{font-size:3rem}.f2-l{font-size:2.25rem}.f3-l{font-size:1.5rem}.f4-l{font-size:1.25rem}.f5-l{font-size:1rem}.f6-l{font-size:.875rem}.f7-l{font-size:.75rem}.measure-l{max-width:30em}.measure-wide-l{max-width:34em}.measure-narrow-l{max-width:20em}.indent-l{text-indent:1em;margin-top:0;margin-bottom:0}.small-caps-l{font-variant:small-caps}.truncate-l{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.center-l{margin-left:auto}.center-l,.mr-auto-l{margin-right:auto}.ml-auto-l{margin-left:auto}.clip-l{position:fixed!important;_position:absolute!important;clip:rect(1px 1px 1px 1px);clip:rect(1px,1px,1px,1px)}.ws-normal-l{white-space:normal}.nowrap-l{white-space:nowrap}.pre-l{white-space:pre}.v-base-l{vertical-align:baseline}.v-mid-l{vertical-align:middle}.v-top-l{vertical-align:top}.v-btm-l{vertical-align:bottom}}
\ No newline at end of file
diff --git a/system/author/css/visiblecontrol.woff b/system/author/css/visiblecontrol.woff
deleted file mode 100644
index f338a98..0000000
Binary files a/system/author/css/visiblecontrol.woff and /dev/null differ
diff --git a/system/author/css/visiblecontrol.woff2 b/system/author/css/visiblecontrol.woff2
deleted file mode 100644
index f097521..0000000
Binary files a/system/author/css/visiblecontrol.woff2 and /dev/null differ
diff --git a/system/author/editor/editor-blox.twig b/system/author/editor/editor-blox.twig
deleted file mode 100644
index 039a5c5..0000000
--- a/system/author/editor/editor-blox.twig
+++ /dev/null
@@ -1,112 +0,0 @@
-{% extends 'layouts/layoutBlox.twig' %}
-{% block title %}{{ __('Visual Content Editor') }}{% endblock %}
-
-{% block content %}
-
-
-
-
-
-
- {{ __('Configure your website') }}
- {{ __('Hurra') }}!
-{{ __('Your account has been created and you are logged in now.') }}
-{{ __('Next step') }}: {{ __('Visit the author panel and setup your new website. You can configure the system, choose themes and add plugins.') }}
-{{ __('Get help') }}: {{ __('If you have any questions, please read the') }} {{ __('docs') }} {{ __('or open a new issue on') }} {{ __('github') }}.
-{{ __('Coded with') }} ♥ {{ __('by the') }} {{ __('community') }} & {{ __('Trendschau Digital') }}.
-
-
-
-
-
-
-
-
- {% if (acl.isAllowed(get_role(), 'content', 'update')) or ( (mycontent) and (acl.isAllowed(get_role(), 'mycontent', 'update')) ) %}
-
-
-
- {% endif %}
-
-
-
-
-
- {% if item.elementType == "folder" %}
-
-
-
-
- {% endif %}
-
- {% include 'editor/publish-controller.twig' %}
-
-
- {{ csrf_field() | raw }}
-
-
-
-{% endblock %}
\ No newline at end of file
diff --git a/system/author/editor/editor-raw.twig b/system/author/editor/editor-raw.twig
deleted file mode 100644
index 89ea76e..0000000
--- a/system/author/editor/editor-raw.twig
+++ /dev/null
@@ -1,84 +0,0 @@
-{% extends 'layouts/layoutEditor.twig' %}
-{% block title %}{{ __('Raw Content Editor') }}{% endblock %}
-
-{% block content %}
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- {{title}}
-
- {% for block in content %}
- {{block}}
- {% endfor %}
-
-
-
-
-
-
-
-
-
-
- {% if (acl.isAllowed(get_role(), 'content', 'update')) or ( (mycontent) and (acl.isAllowed(get_role(), 'mycontent', 'update')) ) %}
-
-
-
- {% endif %}
-
-
-
-
-
-
-
-
-
- {% if (acl.isAllowed(get_role(), 'content', 'update')) or ( (mycontent) and (acl.isAllowed(get_role(), 'mycontent', 'update')) ) %}
-
-
-
- {% endif %}
-
-
-
-
- {% endif %}
-
- {% include 'editor/publish-controller.twig' %}
-
- {{ csrf_field() | raw }}
-
-
-
-{% endblock %}
\ No newline at end of file
diff --git a/system/author/editor/publish-controller.twig b/system/author/editor/publish-controller.twig
deleted file mode 100644
index 07ce8a6..0000000
--- a/system/author/editor/publish-controller.twig
+++ /dev/null
@@ -1,56 +0,0 @@
-{% set itemurl = (item.urlRelWoF == '/') ? '' : item.urlRelWoF %}
-
-
\ No newline at end of file
diff --git a/system/author/img/favicon-114.png b/system/author/img/favicon-114.png
deleted file mode 100644
index 2072fda..0000000
Binary files a/system/author/img/favicon-114.png and /dev/null differ
diff --git a/system/author/img/favicon-144.png b/system/author/img/favicon-144.png
deleted file mode 100644
index dc84936..0000000
Binary files a/system/author/img/favicon-144.png and /dev/null differ
diff --git a/system/author/img/favicon-16.png b/system/author/img/favicon-16.png
deleted file mode 100644
index 6e4b28c..0000000
Binary files a/system/author/img/favicon-16.png and /dev/null differ
diff --git a/system/author/img/favicon-180.png b/system/author/img/favicon-180.png
deleted file mode 100644
index 745a12d..0000000
Binary files a/system/author/img/favicon-180.png and /dev/null differ
diff --git a/system/author/img/favicon-32.png b/system/author/img/favicon-32.png
deleted file mode 100644
index 4a491bd..0000000
Binary files a/system/author/img/favicon-32.png and /dev/null differ
diff --git a/system/author/img/favicon-72.png b/system/author/img/favicon-72.png
deleted file mode 100644
index ed29605..0000000
Binary files a/system/author/img/favicon-72.png and /dev/null differ
diff --git a/system/author/intern404.twig b/system/author/intern404.twig
deleted file mode 100644
index d23cbe1..0000000
--- a/system/author/intern404.twig
+++ /dev/null
@@ -1,10 +0,0 @@
-{% extends 'layouts/layoutBlank.twig' %}
-
-{% block title %}ERROR 404: Page not found{% endblock %}
-
-{% block content %}
-
-
-
-
-
-
- {% if item.elementType == "folder" %}
-
-
-
-
-
-
-
- Not Found
-Sorry, but we did not find the page that you are looking for.
- -{% endblock %} \ No newline at end of file diff --git a/system/author/js/author.js b/system/author/js/author.js deleted file mode 100644 index 7f6c38d..0000000 --- a/system/author/js/author.js +++ /dev/null @@ -1,351 +0,0 @@ - /********************************** - ** Global HttpRequest-Function ** - ** for AJAX-Requests ** - **********************************/ - - function prepareHttpRequest() - { - var httpRequest; - if (window.XMLHttpRequest){ // Mozilla, Safari, ... - httpRequest = new XMLHttpRequest(); - } - else if (window.ActiveXObject){ // IE - try{ - httpRequest = new ActiveXObject("Msxml2.XMLHTTP"); - } - catch (e){ - try{ - httpRequest = new ActiveXObject("Microsoft.XMLHTTP"); - } - catch (e) {} - } - } - if (!httpRequest){ - alert('Giving up :( Cannot create an XMLHTTP instance'); - return false; - } - return httpRequest; - } - - function prepareCORSRequest(method, url){ - var xhr = prepareHttpRequest(); - if ("withCredentials" in xhr) - { - xhr.open(method, url, true); - } - else if (typeof XDomainRequest != "undefined") - { - xhr = new XDomainRequest(); - xhr.open(method, url); - } - else - { - xhr = null; - } - return xhr; - } - - function sendJson(callback, getPost, url, jsonData, cors) - { - if(cors) - { - var httpRequest = prepareCORSRequest(getPost, url); - } - else - { - var httpRequest = prepareHttpRequest(); - httpRequest.open(getPost, url, true); - } - - httpRequest.onreadystatechange = function(e) - { - if (this.readyState == 4) - { - if(httpRequest.response && callback) - { - callback(httpRequest.response, this.status); - } - } - }; - - // httpRequest.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded'); - // httpRequest.setRequestHeader('Content-Type', 'text/plain'); - httpRequest.setRequestHeader('Content-Type', 'application/json'); - - // required for slim - httpRequest.setRequestHeader('X-Requested-With', 'XMLHttpRequest'); - - if(jsonData) - { - httpRequest.send(JSON.stringify(jsonData)); - } - else - { - httpRequest.send(); - } - } - - var openModal = document.getElementById("openModal"), - closeModal = document.getElementById("closeModal"); - - if(openModal && closeModal) - { - openModal.addEventListener("click", function(e){ e.preventDefault(); toggle("modalWindow", "show"); }); - closeModal.addEventListener("click", function(e){ e.preventDefault(); toggle("modalWindow", "show"); }); - } - - var mobileMenu = document.getElementById("mobile-menu"); - - if(mobileMenu) - { - mobileMenu.addEventListener("click", function(e){ toggle("sidebar-menu", "expand"); }); - } - - function toggle(myid, myclass) - { - var toggleElement = document.getElementById(myid); - toggleElement.classList.toggle(myclass); - } - - if (window.Element && !Element.prototype.closest) { - Element.prototype.closest = - function(s) { - var matches = (this.document || this.ownerDocument).querySelectorAll(s), - i, - el = this; - do { - i = matches.length; - while (--i >= 0 && matches.item(i) !== el) {}; - } while ((i < 0) && (el = el.parentElement)); - return el; - }; - } - - - /********************************** - ** START VERSION CHECK ** - **********************************/ - - if(document.getElementById("system")) - { - getVersions('system', document.getElementsByClassName("fc-system-version")); - } - - if(document.getElementById("plugins")) - { - getVersions('plugins', document.getElementsByClassName("fc-plugin-version")); - } - - if(document.getElementById("themes")) - { - getVersions('theme', document.getElementsByClassName("fc-theme-version")); - } - - function getVersions(name, value) - { - var getPost = 'GET'; - url = 'https://typemill.net/api/v1/checkversion?'; - - if(name == 'plugins') - { - var pluginList = '&plugins='; - for (var i = 0, len = value.length; i < len; i++) - { - pluginList += value[i].id + ','; - } - - url = 'https://plugins.typemill.net/api/v1/checkversion?' + pluginList; - } - - if(name == 'theme') - { - var themeList = '&themes='; - for (var i = 0, len = value.length; i < len; i++) - { - themeList += value[i].id + ','; - } - - url = 'https://themes.typemill.net/api/v1/checkversion?' + themeList; - } - - sendJson(function(response) - { - if(response !== 'error') - { - var versions = JSON.parse(response); - - if(name == 'system' && versions.system) - { - updateVersions(versions.system, 'system'); - } - if(name == 'plugins' && versions.plugins) - { - updateVersions(versions.plugins, 'plugins'); - } - if(name == 'theme' && versions.themes) - { - updateVersions(versions.themes, 'themes'); - } - } - else - { - return false; - } - }, getPost, url, false, true); - } - - function updateVersions(elementVersions,type) - { - for (var key in elementVersions) - { - if (elementVersions.hasOwnProperty(key)) - { - singleElement = document.getElementById(key); - - if(elementVersions[key] && singleElement && cmpVersions(elementVersions[key], singleElement.innerHTML) > 0) - { - if(type == 'themes') - { - var html = 'updateto ' + elementVersions[key] + ''; - } - else if (type == 'plugins') - { - var html = 'update
to ' + elementVersions[key] + ''; - } - else - { - var html = 'update
to ' + elementVersions[key] + ''; - } - - singleElement.innerHTML = html; - singleElement.classList.add("show-banner"); - } - } - } - } - - /* credit: https://stackoverflow.com/questions/6832596/how-to-compare-software-version-number-using-js-only-number */ - function cmpVersions (a, b) - { - var i, diff; - var regExStrip0 = /(\.0+)+$/; - var segmentsA = a.replace(regExStrip0, '').split('.'); - var segmentsB = b.replace(regExStrip0, '').split('.'); - var l = Math.min(segmentsA.length, segmentsB.length); - - for (i = 0; i < l; i++) - { - diff = parseInt(segmentsA[i], 10) - parseInt(segmentsB[i], 10); - if (diff) - { - return diff; - } - } - return segmentsA.length - segmentsB.length; - } - - /************************************* - ** CARDS: ACTIVATE/OPEN CLOSE ** - *************************************/ - - var cards = document.getElementsByClassName("card"); - if(cards) - { - for (var i = 0, len = cards.length; i < len; i++) - { - cards[i].addEventListener("click", function(e) - { - if(e.target.classList.contains("fc-active")) - { - this.getElementsByClassName("fc-settings")[0].classList.toggle("active"); - } - if(e.target.classList.contains("fc-settings")) - { - this.getElementsByClassName("cardFields")[0].classList.toggle("open"); - this.getElementsByClassName("fc-settings")[0].classList.toggle("expand"); - } - }); - } - } - - /************************************* - ** Input Type File ** - *************************************/ - - var fileinputs = document.querySelectorAll( ".fileinput" ); - - for (i = 0; i < fileinputs.length; ++i) - { - (function () { - - thisfileinput = fileinputs[i]; - - var deletefilebutton = thisfileinput.getElementsByClassName("deletefilebutton")[0]; - var deletefileinput = thisfileinput.getElementsByClassName("deletefileinput")[0]; - var visiblefilename = thisfileinput.getElementsByClassName("visiblefilename")[0]; - var hiddenfile = thisfileinput.getElementsByClassName("hiddenfile")[0]; - - hiddenfile.onchange = function() - { - visiblefilename.value = this.files[0].name; - } - - deletefilebutton.onclick = function(event) - { - event.preventDefault(); - deletefileinput.value = 'delete'; - visiblefilename.value = ''; - } - - }()); - } - - /************************************* - ** Clear Cache ** - *************************************/ - - var cachebutton = document.getElementById("clearcache"); - - if(cachebutton) - { - - cachebutton.addEventListener("click", function(event){ - - event.preventDefault(); - - myaxios.delete('/api/v1/clearcache',{ - data: { - 'csrf_name': document.getElementById("csrf_name").value, - 'csrf_value': document.getElementById("csrf_value").value, - } - }) - .then(function (response) { - cachebutton.disabled = true; - document.getElementById("cacheresult").innerHTML = "Done!"; - }) - .catch(function (error) - { - document.getElementById("cacheresult").innerHTML = "" + error.response.data.errors + ""; - }); - }); - } - - /** - * Element.closest() polyfill - * https://developer.mozilla.org/en-US/docs/Web/API/Element/closest#Polyfill - */ - if (!Element.prototype.closest) { - if (!Element.prototype.matches) { - Element.prototype.matches = Element.prototype.msMatchesSelector || Element.prototype.webkitMatchesSelector; - } - Element.prototype.closest = function (s) { - var el = this; - var ancestor = this; - if (!document.documentElement.contains(el)) return null; - do { - if (ancestor.matches(s)) return ancestor; - ancestor = ancestor.parentElement; - } while (ancestor !== null); - return null; - }; - } \ No newline at end of file diff --git a/system/author/js/autosize.min.js b/system/author/js/autosize.min.js deleted file mode 100644 index b01a66a..0000000 --- a/system/author/js/autosize.min.js +++ /dev/null @@ -1,6 +0,0 @@ -/*! - autosize v.5.0.1 - license: MIT - http://www.jacklmoore.com/autosize -*/ -!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t():"function"==typeof define&&define.amd?define(t):(e||self).autosize=t()}(this,function(){var e,t,n="function"==typeof Map?new Map:(e=[],t=[],{has:function(t){return e.indexOf(t)>-1},get:function(n){return t[e.indexOf(n)]},set:function(n,o){-1===e.indexOf(n)&&(e.push(n),t.push(o))},delete:function(n){var o=e.indexOf(n);o>-1&&(e.splice(o,1),t.splice(o,1))}}),o=function(e){return new Event(e,{bubbles:!0})};try{new Event("test")}catch(e){o=function(e){var t=document.createEvent("Event");return t.initEvent(e,!0,!1),t}}function r(e){var t=n.get(e);t&&t.destroy()}function i(e){var t=n.get(e);t&&t.update()}var l=null;return"undefined"==typeof window||"function"!=typeof window.getComputedStyle?((l=function(e){return e}).destroy=function(e){return e},l.update=function(e){return e}):((l=function(e,t){return e&&Array.prototype.forEach.call(e.length?e:[e],function(e){return function(e){if(e&&e.nodeName&&"TEXTAREA"===e.nodeName&&!n.has(e)){var t,r=null,i=null,l=null,d=function(){e.clientWidth!==i&&c()},u=function(t){window.removeEventListener("resize",d,!1),e.removeEventListener("input",c,!1),e.removeEventListener("keyup",c,!1),e.removeEventListener("autosize:destroy",u,!1),e.removeEventListener("autosize:update",c,!1),Object.keys(t).forEach(function(n){e.style[n]=t[n]}),n.delete(e)}.bind(e,{height:e.style.height,resize:e.style.resize,overflowY:e.style.overflowY,overflowX:e.style.overflowX,wordWrap:e.style.wordWrap});e.addEventListener("autosize:destroy",u,!1),"onpropertychange"in e&&"oninput"in e&&e.addEventListener("keyup",c,!1),window.addEventListener("resize",d,!1),e.addEventListener("input",c,!1),e.addEventListener("autosize:update",c,!1),e.style.overflowX="hidden",e.style.wordWrap="break-word",n.set(e,{destroy:u,update:c}),"vertical"===(t=window.getComputedStyle(e,null)).resize?e.style.resize="none":"both"===t.resize&&(e.style.resize="horizontal"),r="content-box"===t.boxSizing?-(parseFloat(t.paddingTop)+parseFloat(t.paddingBottom)):parseFloat(t.borderTopWidth)+parseFloat(t.borderBottomWidth),isNaN(r)&&(r=0),c()}function a(t){var n=e.style.width;e.style.width="0px",e.style.width=n,e.style.overflowY=t}function s(){if(0!==e.scrollHeight){var t=function(e){for(var t=[];e&&e.parentNode&&e.parentNode instanceof Element;)e.parentNode.scrollTop&&t.push({node:e.parentNode,scrollTop:e.parentNode.scrollTop}),e=e.parentNode;return t}(e),n=document.documentElement&&document.documentElement.scrollTop;e.style.height="",e.style.height=e.scrollHeight+r+"px",i=e.clientWidth,t.forEach(function(e){e.node.scrollTop=e.scrollTop}),n&&(document.documentElement.scrollTop=n)}}function c(){s();var t=Math.round(parseFloat(e.style.height)),n=window.getComputedStyle(e,null),r="content-box"===n.boxSizing?Math.round(parseFloat(n.height)):e.offsetHeight;if(r
' +
- '
',
- data: function () {
- return {
- preview: 'visible',
- edit: false,
- compmarkdown: '',
- componentType: '',
- disabled: false,
- newblock: false,
- }
- },
- mounted: function()
- {
- eventBus.$on('closeComponents', this.closeComponents);
- },
- methods: {
- disableSort: function(event)
- {
- this.$root.$data.sortdisabled = true;
- },
- addNewBlock: function(event)
- {
- /* we have to get from dom because block-data might not be set when user clicked on add button before opened the component */
- var bloxeditor = event.target.closest('.blox-editor');
- var bloxid = bloxeditor.getElementsByClassName('blox')[0].dataset.id;
-
- this.switchToPreviewMode();
-
- /* add new empty data */
- this.$root.$data.html.splice(bloxid,0, false);
- this.$root.$data.markdown.splice(bloxid,0, '');
-
- /* show overlay and bring newblock to front, so that user cannot change any other data (ids not synchronized with stored data now) */
- this.$root.$data.bloxOverlay = true;
- this.$root.$data.newblock = true;
- this.newblock = 'newblock';
- self.$root.$data.sortdisabled = true;
- },
- closeNewBlock: function($event)
- {
- var bloxeditor = event.target.closest('.blox-editor');
- var bloxid = bloxeditor.getElementsByClassName('blox')[0].dataset.id;
-
- this.switchToPreviewMode();
-
- this.$root.$data.bloxOverlay = false;
- this.$root.$data.newblock = false;
- this.newblock = false;
- self.$root.$data.sortdisabled = false;
-
- this.$root.$data.html.splice(bloxid,1);
- this.$root.$data.markdown.splice(bloxid,1);
- },
- updateMarkdown: function($event)
- {
- eventBus.$emit('markdownChanged', $event);
- self.$root.$data.unsafed = true;
- this.edit = true;
- this.unsafed = true;
- this.compmarkdown = $event;
- this.setComponentSize();
- },
- setComponentSize: function()
- {
- if(this.componentType == 'image-component' || this.componentType == 'file-component')
- {
- myself = this;
- setTimeout(function(){
- myself.$nextTick(function ()
- {
- myself.$refs.preview.style.minHeight = myself.$refs.component.offsetHeight + 'px';
- });
- }, 200);
- }
- else
- {
- this.$nextTick(function ()
- {
- this.$refs.preview.style.minHeight = this.$refs.component.offsetHeight + 'px';
- });
- }
- },
- switchToEditMode: function()
- {
- if(this.edit){ return; }
-
- if(this.$root.$data.unsafed)
- {
- publishController.errors.message = "Please save or cancel your changes.";
- return;
- }
-
- eventBus.$emit('closeComponents');
-
- self = this;
-
- self.$root.$data.freeze = true; /* freeze the data */
- self.$root.$data.sortdisabled = true; /* disable sorting */
- this.preview = 'hidden'; /* hide the html-preview */
- this.edit = true; /* show the edit-mode */
- this.compmarkdown = self.$root.$data.blockMarkdown; /* get markdown data */
- this.componentType = self.$root.$data.blockType; /* get block-type of element */
- this.setComponentSize();
- },
- closeComponents: function()
- {
- this.preview = 'visible';
- this.edit = false;
- this.componentType = false;
- if(this.$refs.preview)
- {
- this.$refs.preview.style.minHeight = "auto";
- }
- },
- cancel: function()
- {
- self = this;
- self.$root.$data.unsafed = false;
- this.switchToPreviewMode();
- },
- switchToPreviewMode: function()
- {
- self = this;
- self.$root.$data.freeze = false; /* activate the data again */
- self.$root.sortdisabled = false; /* activate sorting again */
- this.preview = 'visible'; /* show the html-preview */
- this.edit = false; /* hide the edit mode */
- this.compmarkdown = ''; /* clear markdown content */
- this.componentType = false; /* delete the component type */
- self.$root.$data.blockType = false;
- self.$root.$data.blockMarkdown = false;
- self.$root.$data.file = false;
- publishController.errors.message = false; /* delete all error messages */
- this.$refs.preview.style.minHeight = "auto";
- },
- freezePage: function()
- {
- this.disabled = 'disabled';
- this.load = true;
- publishController.errors.message = false;
- publishController.publishDisabled = true;
- var self = this;
- self.$root.$data.freeze = true;
- },
- activatePage: function()
- {
- this.disabled = false;
- this.load = false;
- publishController.publishDisabled = false;
- },
- getData: function()
- {
- self = this;
- if(self.$root.$data.blockType != '')
- {
- this.switchToEditMode();
- }
- },
- submitBlock: function(){
- var emptyline = /^\s*$(?:\r\n?|\n)/gm;
-
- /* allow empty lines for these components */
- if(this.componentType == "code-component" || this.componentType == "math-component" || this.componentType == "notice-component"){ }
-
- /* add new line with markup for these components */
- else if(this.componentType == "ulist-component" || this.componentType == "olist-component")
- {
- var listend = (this.componentType == "ulist-component") ? '* \n' : '1. \n';
- var liststyle = (this.componentType == "ulist-component") ? '* ' : '1. ';
-
- if(this.compmarkdown.endsWith(listend))
- {
- this.compmarkdown = this.compmarkdown.replace(listend, '');
- this.saveBlock();
- }
- else
- {
- var mdtextarea = document.getElementsByTagName('textarea');
- var start = mdtextarea[0].selectionStart;
- var end = mdtextarea[0].selectionEnd;
-
- this.compmarkdown = this.compmarkdown.substr(0, end) + liststyle + this.compmarkdown.substr(end);
-
- mdtextarea[0].focus();
- if(mdtextarea[0].setSelectionRange)
- {
- setTimeout(function(){
- var spacer = (this.componentType == "ulist-component") ? 2 : 3;
- mdtextarea[0].setSelectionRange(end+spacer, end+spacer);
- }, 1);
- }
- }
- }
- /* save or close for all other components */
- else if(this.compmarkdown.search(emptyline) > -1)
- {
- var checkempty = this.compmarkdown.replace(/(\r\n|\n|\r|\s)/gm,"");
- if(checkempty == '')
- {
- this.$root.$data.unsafed = false;
- this.switchToPreviewMode();
- }
- else
- {
- this.saveBlock();
- }
- }
- },
- saveBlock: function()
- {
- if(this.compmarkdown == undefined || this.compmarkdown.replace(/(\r\n|\n|\r|\s)/gm,"") == '')
- {
- this.$root.$data.unsafed = false;
- this.switchToPreviewMode();
- }
- else
- {
- this.freezePage();
-
- var self = this;
-
-/* if(this.componentType != 'definition-component')
- {
- var compmarkdown = this.compmarkdown.split('\n\n').join('\n');
- }
-*/
- var compmarkdown = this.compmarkdown;
-
- var params = {
- 'url': document.getElementById("path").value,
- 'markdown': compmarkdown,
- 'block_id': self.$root.$data.blockId,
- 'csrf_name': document.getElementById("csrf_name").value,
- 'csrf_value': document.getElementById("csrf_value").value,
- };
-
- if(this.componentType == 'image-component' && self.$root.$data.file)
- {
- var url = self.$root.$data.root + '/api/v1/image';
- var method = 'PUT';
- params.new = false;
- if(self.$root.$data.newblock || self.$root.$data.blockId == 99999)
- {
- params.new = true;
- }
- }
- else if(this.componentType == 'video-component')
- {
- var url = self.$root.$data.root + '/api/v1/video';
- var method = 'POST';
- params.new = false;
- if(self.$root.$data.newblock || self.$root.$data.blockId == 99999)
- {
- params.new = true;
- }
- else
- {
- var oldVideoID = this.$root.$data.blockMarkdown.match(/#.*? /);
- if(this.compmarkdown.indexOf(oldVideoID[0].substring(1).trim()) !== -1)
- {
- this.$root.$data.unsafed = false;
- this.activatePage();
- this.switchToPreviewMode();
- return;
- }
- }
- }
- else if(this.componentType == 'file-component')
- {
- var url = self.$root.$data.root + '/api/v1/file';
- var method = 'PUT';
- params.new = false;
- if(self.$root.$data.newblock || self.$root.$data.blockId == 99999)
- {
- params.new = true;
- }
- }
- else if(self.$root.$data.newblock || self.$root.$data.blockId == 99999)
- {
- var url = self.$root.$data.root + '/api/v1/block';
- var method = 'POST';
- }
- else
- {
- var url = self.$root.$data.root + '/api/v1/block';
- var method = 'PUT';
- }
-
-
- sendJson(function(response, httpStatus)
- {
- if(httpStatus == 400)
- {
- this.$root.$data.unsafed = false;
- self.activatePage();
- publishController.errors.message = "Looks like you are logged out. Please login and try again.";
- }
- else if(response)
- {
- self.activatePage();
-
- var result = JSON.parse(response);
-
- if(result.errors)
- {
- self.$root.$data.unsafed = false;
- publishController.errors.message = result.errors.message;
- }
- else
- {
- var thisBlockType = self.$root.$data.blockType;
-
- self.$root.$data.unsafed = false;
- self.switchToPreviewMode();
-
- if(self.$root.$data.blockId == 99999)
- {
- self.$root.$data.markdown.push(result.markdown);
- self.$root.$data.html.push(result.content);
-
- self.$root.$data.blockMarkdown = '';
- self.$root.$data.blockType = 'markdown-component';
- self.getData();
- var textbox = document.querySelectorAll('textarea')[0];
- if(textbox){ textbox.style.height = "70px"; }
- }
- else if(self.$root.$data.newblock)
- {
- self.$root.$data.html.splice(result.id,1,result.content);
- self.$root.$data.html.splice(result.toc.id,1,result.toc);
- self.$root.$data.markdown[result.id] = result.markdown;
-
- self.$root.$data.blockMarkdown = '';
- self.$root.$data.blockType = '';
- self.$root.$data.bloxOverlay = false;
- self.$root.$data.newblock = false;
- self.newblock = false;
- }
- else
- {
- self.$root.$data.markdown[result.id] = result.markdown;
- self.$root.$data.html.splice(result.id,1,result.content);
-
- if(result.id == 0){ self.$root.$data.title = result.content; }
-
- self.$root.$data.blockMarkdown = '';
- self.$root.$data.blockType = '';
- }
-
- /* update the table of content if in result */
- if(result.toc)
- {
- self.$root.$data.html.splice(result.toc.id, 1, result.toc);
- }
-
- /* check math here */
- self.$root.checkMath(result.id);
-
- /* check youtube here */
- if(thisBlockType == "video-component")
- {
- setTimeout(function(){
- self.$nextTick(function ()
- {
- self.$root.checkVideo(result.id);
- });
- }, 300);
- }
-
- /* update the navigation and mark navigation item as modified */
- navi.getNavi();
-
- }
- }
- else if(httpStatus != 200)
- {
- self.$root.$data.unsafed = false;
- self.activatePage();
- publishController.errors.message = "Sorry, something went wrong. Please refresh the page and try again.";
- }
- }, method, url, params);
- }
- },
- deleteBlock: function(event)
- {
- this.freezePage();
-
- var bloxeditor = event.target.closest('.blox-editor');
-
- var bloxid = bloxeditor.getElementsByClassName('blox')[0].dataset.id;
-
- var self = this;
-
- myaxios.delete('/api/v1/block',{
- data: {
- 'url': document.getElementById("path").value,
- 'block_id': bloxid,
- 'csrf_name': document.getElementById("csrf_name").value,
- 'csrf_value': document.getElementById("csrf_value").value,
- }
- })
- .then(function (response)
- {
- self.$root.$data.unsafed = false;
- self.activatePage();
- self.switchToPreviewMode();
- self.$root.$data.html.splice(bloxid,1);
- self.$root.$data.markdown.splice(bloxid,1);
- self.$root.$data.blockMarkdown = '';
- self.$root.$data.blockType = '';
-
- /* update the table of content if in result */
- if(response.data.toc)
- {
- self.$root.$data.html.splice(response.data.toc.id, 1, response.data.toc);
- }
-
- /* update the navigation and mark navigation item as modified */
- navi.getNavi();
- })
- .catch(function (error)
- {
- if(error.response)
- {
- publishController.errors.message = error.response.data.errors.message;
- }
- });
- },
- },
-})
-
-const inlineFormatsComponent = Vue.component('inline-formats', {
- template: 'Choose a content-type
' +
- '' +
- '
' +
- '' +
- '' +
- '' +
- '' +
- '
' +
- '' +
- '
' +
- '' +
- '' +
- ' ' +
- '' +
- '
' +
- '' +
- '
' +
- '' +
- '' +
- '' +
- '
' +
- '' +
- '' +
- '' +
- '' +
- '' +
- '' +
- '
' +
- '' +
- '' +
- '' +
- '' +
- ' ' +
- '
',
- mounted: function(){
- this.$refs.markdown.focus();
- autosize(document.querySelectorAll('textarea'));
- },
- methods: {
- updatemarkdown: function(value)
- {
- this.$emit('updatedMarkdown', value);
- },
- },
-})
-
-const hrComponent = Vue.component('hr-component', {
- props: ['compmarkdown', 'disabled'],
- template: '' +
- '' +
- '' +
- '
',
- mounted: function(){
- this.$refs.markdown.focus();
- autosize(document.querySelectorAll('textarea'));
- this.$emit('updatedMarkdown', '---');
- },
- methods: {
- updatemarkdown: function(event)
- {
- this.$emit('updatedMarkdown', event.target.value);
- },
- },
-})
-
-const tocComponent = Vue.component('toc-component', {
- props: ['compmarkdown', 'disabled'],
- template: '' +
- '' +
- '' +
- '
',
- mounted: function(){
- this.$refs.markdown.focus();
- autosize(document.querySelectorAll('textarea'));
- this.$emit('updatedMarkdown', '[TOC]');
- },
- methods: {
- updatemarkdown: function(event)
- {
- this.$emit('updatedMarkdown', event.target.value);
- },
- },
-})
-
-const codeComponent = Vue.component('code-component', {
- props: ['compmarkdown', 'disabled'],
- template: '' +
- '' +
- '' +
- '
',
- data: function(){
- return {
- prefix: '```',
- language: '',
- codeblock: '',
- }
- },
- mounted: function(){
- this.$refs.markdown.focus();
- if(this.compmarkdown)
- {
- var codelines = this.compmarkdown.split(/\r\n|\n\r|\n|\r/);
- var linelength = codelines.length;
- var codeblock = '';
-
- for(i=0;i' +
- '' +
- '' +
- '
' +
- '' +
- '' +
- '' +
- '' +
- '
' +
- '' +
- '',
- mounted: function(){
-
- var myself = this;
-
- myaxios.get('/api/v1/shortcodedata',{
- params: {
- 'url': document.getElementById("path").value,
- 'csrf_name': document.getElementById("csrf_name").value,
- 'csrf_value': document.getElementById("csrf_value").value,
- }
- })
- .then(function (response) {
- if(response.data.shortcodedata !== false)
- {
- myself.shortcodedata = response.data.shortcodedata;
- myself.parseshortcode();
- }
- })
- .catch(function (error)
- {
- if(error.response)
- {
-
- }
- });
- },
- methods: {
- parseshortcode: function()
- {
- if(this.compmarkdown)
- {
- var shortcodestring = this.compmarkdown.trim();
- shortcodestring = shortcodestring.slice(2,-2);
- this.shortcodename = shortcodestring.substr(0,shortcodestring.indexOf(' '));
-
- var regexp = /(\w+)\s*=\s*("[^"]*"|\'[^\']*\'|[^"\'\\s>]*)/g;
- var matches = shortcodestring.matchAll(regexp);
- matches = Array.from(matches);
- matchlength = matches.length;
-
- if(matchlength > 0)
- {
- for(var i=0;i' +
- '' +
- '' +
- '' +
- '
' +
- '' +
- '' +
- '' +
- '' +
- '' +
- '' +
- ' ' +
- '
',
- data: function(){
- return {
- prefix: '!',
- notice: '',
- noteclass: 'note1'
- }
- },
- mounted: function(){
- this.$refs.markdown.focus();
- if(this.compmarkdown)
- {
- this.prefix = this.getNoticePrefix(this.compmarkdown);
-
- var lines = this.compmarkdown.match(/^.*([\n\r]+|$)/gm);
- for (var i = 0; i < lines.length; i++)
- {
- lines[i] = lines[i].replace(/(^[\! ]+(?!\[))/mg, '');
- }
-
- this.notice = lines.join('');
- this.noteclass = 'note'+this.prefix.length;
- }
- this.$nextTick(function () {
- autosize(document.querySelectorAll('textarea'));
- });
- },
- methods: {
- noticedown: function()
- {
- this.prefix = this.getNoticePrefix(this.compmarkdown);
-
- /* initially it is empty string, so we add it here if user clicks downgrade button */
- if(this.prefix == '')
- {
- this.prefix = '!';
- }
-
- this.prefix = this.prefix + '!';
- if(this.prefix.length > 4)
- {
- this.prefix = '!';
- }
- this.noteclass = 'note' + (this.prefix.length);
- this.updatemarkdown(this.notice);
- },
- getNoticePrefix: function(str)
- {
- var prefix = '';
- if(str === undefined)
- {
- return prefix;
- }
- for(var i = 0; i < str.length; i++)
- {
- if(str[i] != '!'){ return prefix }
- prefix += '!';
- }
- return prefix;
- },
- updatemarkdown: function(value)
- {
- this.notice = value;
-
- var lines = value.match(/^.*([\n\r]|$)/gm);
-
- var notice = this.prefix + ' ' + lines.join(this.prefix+' ');
-
- this.$emit('updatedMarkdown', notice);
- },
- },
-})
-
-const ulistComponent = Vue.component('ulist-component', {
- props: ['compmarkdown', 'disabled'],
- template: '' +
- '' +
- '' +
- '' +
- ' ' +
- '
',
- mounted: function(){
- this.$refs.markdown.focus();
- if(!this.compmarkdown)
- {
- this.compmarkdown = '* ';
- }
- else
- {
- var lines = this.compmarkdown.split("\n");
- var length = lines.length
- var md = '';
-
- for(i = 0; i < length; i++)
- {
- var clean = lines[i];
- clean = clean.replace(/^- /, '* ');
- clean = clean.replace(/^\+ /, '* ');
- if(i == length-1)
- {
- md += clean;
- }
- else
- {
- md += clean + '\n';
- }
- }
- this.compmarkdown = md;
- }
- this.$nextTick(function () {
- autosize(document.querySelectorAll('textarea'));
- });
- },
- methods: {
- updatemarkdown: function(value)
- {
- this.$emit('updatedMarkdown', value);
- },
- },
-})
-
-const olistComponent = Vue.component('olist-component', {
- props: ['compmarkdown', 'disabled'],
- template: '' +
- '' +
- '' +
- '' +
- ' ' +
- '
',
- mounted: function(){
- this.$refs.markdown.focus();
- if(!this.compmarkdown)
- {
- this.compmarkdown = '1. ';
- }
- this.$nextTick(function () {
- autosize(document.querySelectorAll('textarea'));
- });
- },
- methods: {
- updatemarkdown: function(value)
- {
- this.$emit('updatedMarkdown', value);
- },
- },
-})
-
-const headlineComponent = Vue.component('headline-component', {
- props: ['compmarkdown', 'disabled'],
- template: '' +
- '' +
- '' +
- '' +
- '
',
- data: function(){
- return {
- level: '',
- hlevel: '',
- }
- },
- mounted: function(){
- this.$refs.markdown.focus();
- if(!this.compmarkdown)
- {
- this.compmarkdown = '## ';
- this.level = '2';
- this.hlevel = 'h2';
- }
- else
- {
- this.level = this.getHeadlineLevel(this.compmarkdown);
- this.hlevel = 'h' + this.level;
- }
- },
- methods: {
- updatemarkdown: function(event)
- {
- var headline = event.target.value;
- this.level = this.getHeadlineLevel(headline);
- if(this.level > 6)
- {
- headline = '######' + headline.substr(this.level);
- this.level = 6;
- this.compmarkdown = headline;
- }
- else if(this.level < 2)
- {
- headline = '##' + headline.substr(this.level);
- this.level = 2;
- this.compmarkdown = headline;
- }
- this.hlevel = 'h' + this.level;
- this.$emit('updatedMarkdown', headline);
- },
- headlinedown: function()
- {
- this.level = this.getHeadlineLevel(this.compmarkdown);
- if(this.level < 6)
- {
- this.compmarkdown = this.compmarkdown.substr(0, this.level) + '#' + this.compmarkdown.substr(this.level);
- this.level = this.level+1;
- this.hlevel = 'h' + this.level;
- }
- else
- {
- this.compmarkdown = '##' + this.compmarkdown.substr(this.level);
- this.level = 2;
- this.hlevel = 'h2';
- }
- this.$emit('updatedMarkdown', this.compmarkdown);
- },
- getHeadlineLevel: function(str)
- {
- var count = 0;
- for(var i = 0; i < str.length; i++){
- if(str[i] != '#'){ return count }
- count++;
- }
- return count;
- },
- },
-})
-
-const tableComponent = Vue.component('table-component', {
- props: ['compmarkdown', 'disabled'],
- data: function(){
- return {
- table: [
- ['0', '1', '2'],
- ['1', 'Head', 'Head'],
- ['2', 'cell', 'cell'],
- ['3', 'cell', 'cell'],
- ],
- editable: 'editable',
- noteditable: 'noteditable',
- cellcontent: '',
- columnbar: false,
- rowbar: false,
- tablekey: 1,
- }
- },
- template: '' +
- '' +
- '' +
- '
' +
- '
',
- mounted: function(){
- this.$refs.markdown.focus();
- if(this.compmarkdown)
- {
- var table = [];
- var lines = this.compmarkdown.split("\n");
- var length = lines.length
- var c = 1;
-
- for(i = 0; i < length; i++)
- {
- if(i == 1){ continue }
-
- var line = lines[i].trim();
- var row = line.split("|").map(function(cell){
- return cell.trim();
- });
- if(row[0] == ''){ row.shift() }
- if(row[row.length-1] == ''){ row.pop() }
- if(i == 0)
- {
- var rlength = row.length;
- var row0 = [];
- for(y = 0; y <= rlength; y++) { row0.push(y) }
- table.push(row0);
- }
- row.splice(0,0,c);
- c++;
- table.push(row);
- }
- this.table = table;
- }
- },
- methods: {
- enter: function()
- {
- return false;
- },
- updatedata: function(event,col,row)
- {
- this.table[row][col] = event.target.innerText;
- this.markdowntable();
- },
- switchcolumnbar(value)
- {
- this.rowbar = false;
- (this.columnbar == value || value == 0) ? this.columnbar = false : this.columnbar = value;
- },
- switchrowbar(value)
- {
- this.columnbar = false;
- (this.rowbar == value || value == 0 || value == 1 )? this.rowbar = false : this.rowbar = value;
- },
- addaboverow: function(index)
- {
- var row = [];
- var cols = this.table[0].length;
- for(var i = 0; i < cols; i++){ row.push("new"); }
- this.table.splice(index,0,row);
- this.reindexrows();
- },
- addbelowrow: function(index)
- {
- var row = [];
- var cols = this.table[0].length;
- for(var i = 0; i < cols; i++){ row.push("new"); }
- this.table.splice(index+1,0,row);
- this.reindexrows();
- },
- deleterow: function(index)
- {
- this.table.splice(index,1);
- this.reindexrows();
- },
- addrightcolumn: function(index)
- {
- var tableLength = this.table.length;
- for (var i = 0; i < tableLength; i++)
- {
- this.table[i].splice(index+1,0,"new");
- }
- this.reindexcolumns();
- },
- addleftcolumn: function(index)
- {
- var tableLength = this.table.length;
- for (var i = 0; i < tableLength; i++)
- {
- this.table[i].splice(index,0,"new");
- }
- this.reindexcolumns();
- },
- deletecolumn: function(index)
- {
- var tableLength = this.table.length;
- for (var i = 0; i < tableLength; i++)
- {
- this.table[i].splice(index,1);
- }
- this.reindexcolumns();
- },
- reindexrows: function()
- {
- var tableRows = this.table.length;
- for (var i = 0; i < tableRows; i++)
- {
- Vue.set(this.table[i], 0, i);
- }
- this.tablekey +=1;
- this.markdowntable();
- },
- reindexcolumns: function()
- {
- var tableColumns = this.table[0].length;
- for (var i = 0; i < tableColumns; i++)
- {
- Vue.set(this.table[0], i, i);
- }
- this.tablekey +=1;
- this.markdowntable();
- },
- markdowntable: function()
- {
- var markdown = '';
- var separator = '\n|';
- var rows = this.table.length;
- var cols = this.table[0].length;
-
- for(var i = 0; i < cols; i++)
- {
- if(i == 0){ continue; }
- separator += '---|';
- }
-
- for(var i = 0; i < rows; i++)
- {
- var row = this.table[i];
-
- if(i == 0){ continue; }
-
- for(var y = 0; y < cols; y++)
- {
- if(y == 0){ continue; }
-
- var value = row[y].trim();
-
- if(y == 1)
- {
- markdown += '\n| ' + value + ' | ';
- }
- else
- {
- markdown += value + ' | ';
- }
- }
- if(i == 1) { markdown = markdown + separator; }
- }
- this.$emit('updatedMarkdown', markdown);
- },
- updatemarkdown: function(event)
- {
- this.$emit('updatedMarkdown', event.target.value);
- },
- },
-})
-
-const definitionComponent = Vue.component('definition-component', {
- props: ['compmarkdown', 'disabled', 'load'],
- data: function(){
- return {
- definitionList: [],
- }
- },
- template: '| {{value}} ' +
- ' ' +
- ' ' +
- '{{ \'add right column\'|translate }} ' +
- '{{ \'add left column\'|translate }} ' +
- '{{ \'delete column\'|translate }} ' +
- ' | ' +
- '' +
- ' ' +
- ' ' +
- '{{ value }}{{ \'add row above\'|translate }} ' +
- '{{ \'add row below\'|translate }} ' +
- '{{ \'delete row\'|translate }} ' +
- ' | ' +
- '' +
- ' ' +
- ' ' +
- '{{ value }}{{ \'add row above\'|translate }} ' +
- '{{ \'add row below\'|translate }} ' +
- '{{ \'delete row\'|translate }} ' +
- ' | ' +
- '
|---|
' +
- '' +
- '' +
- ' ' +
- '{{ \'add definition\'|translate }}' +
- '
',
- mounted: function(){
- if(this.compmarkdown)
- {
- var definitionList = this.compmarkdown.replace("\r\n", "\n");
- definitionList = definitionList.replace("\r", "\n");
- definitionList = definitionList.split("\n\n");
-
- for(var i=0; i < definitionList.length; i++)
- {
- var definitionBlock = definitionList[i].split("\n");
- var term = definitionBlock[0];
- var descriptions = [];
- var description = false;
-
- /* parse one or more descriptions */
- for(var y=0; y < definitionBlock.length; y++)
- {
- if(y == 0)
- {
- continue;
- }
-
- if(definitionBlock[y].substring(0, 2) == ": ")
- {
- /* if there is another description in the loop, then push that first then start a new one */
- if(description)
- {
- descriptions.push(description);
- }
- var cleandefinition = definitionBlock[y].substr(1).trim();
- var description = cleandefinition;
- }
- else
- {
- description += "\n" + definitionBlock[y];
- }
- }
-
- if(description)
- {
- descriptions.push(description);
- }
- this.definitionList.push({'term': term ,'descriptions': descriptions, 'id': i});
- }
- }
- else
- {
- this.addDefinition();
- }
- },
- methods: {
- enter: function()
- {
- return false;
- },
- updateterm: function(event, dtindex)
- {
- this.definitionList[dtindex].term = event.target.value;
- },
- updatedescription: function(event, dtindex, ddindex)
- {
- this.definitionList[dtindex].descriptions[ddindex] = event.target.value;
- },
- addDefinition: function()
- {
- var id = this.definitionList.length;
- this.definitionList.push({'term': '', 'descriptions': [''], 'id': id});
- },
- deleteDefinition: function(dtindex)
- {
- this.definitionList.splice(dtindex,1);
- this.updateMarkdown();
- },
- addItem: function(dtindex)
- {
- this.definitionList[dtindex].descriptions.push('');
- },
- deleteItem: function(dtindex,ddindex)
- {
- this.definitionList[dtindex].descriptions.splice(ddindex,1);
- this.updateMarkdown();
- },
- moveDefinition: function(evt)
- {
- this.updateMarkdown();
- },
- updateMarkdown: function()
- {
- var dllength = this.definitionList.length;
- var markdown = '';
-
- for(i = 0; i < dllength; i++)
- {
- markdown = markdown + this.definitionList[i].term;
- var ddlength = this.definitionList[i].descriptions.length;
- for(y = 0; y < ddlength; y++)
- {
- markdown = markdown + "\n: " + this.definitionList[i].descriptions[y];
- }
- markdown = markdown + "\n\n";
- }
- this.$emit('updatedMarkdown', markdown);
- },
- },
-})
-
-const videoComponent = Vue.component('video-component', {
- props: ['compmarkdown', 'disabled', 'load'],
- template: '' +
- '
' +
- '' +
- '' +
- '' +
- '
' +
- '' +
- '
' +
- '' +
- '' +
- '' +
- '' +
- '' +
- '
' +
- '' +
- '' +
- '
' +
- '' +
- '' +
- '
',
- mounted: function(){
-
- this.$refs.markdown.focus();
-
- if(this.compmarkdown)
- {
- var videoid = this.compmarkdown.match(/#.*? /);
- if(videoid)
- {
- var event = { 'target': { 'value': 'https://www.youtube.com/watch?v=' + videoid[0].trim().substring(1) }};
- this.updatemarkdown(event);
- }
- }
- },
- methods: {
- updatemarkdown: function(event)
- {
- this.$emit('updatedMarkdown', event.target.value);
- },
- },
-})
-
-const imageComponent = Vue.component('image-component', {
- props: ['compmarkdown', 'disabled'],
- template: '' +
- '
' +
- '' +
- '' +
- ' ' +
- '' +
- '![]()
' +
- '
',
- data: function(){
- return {
- maxsize: 5, // megabyte
- imgpreview: false,
- showmedialib: false,
- load: false,
- imgmeta: false,
- imgalt: '',
- imgtitle: '',
- imgcaption: '',
- imglink: '',
- imgclass: 'center',
- imgid: '',
- imgwidth: 0,
- imgheight: 0,
- originalwidth: 0,
- originalheight: 0,
- imgloading: 'lazy',
- imgattr: '',
- imgfile: '',
- showresize: true,
- noresize: false,
- }
- },
- mounted: function(){
-
- this.$refs.markdown.focus();
-
- if(this.compmarkdown)
- {
- this.showresize = false;
-
- this.imgmeta = true;
-
- var imgmarkdown = this.compmarkdown;
-
- var imgcaption = imgmarkdown.match(/\*.*?\*/);
- if(imgcaption)
- {
- this.imgcaption = imgcaption[0].slice(1,-1);
-
- imgmarkdown = imgmarkdown.replace(this.imgcaption,'');
- imgmarkdown = imgmarkdown.replace(/\r?\n|\r/g,'');
-
- }
-
- if(this.compmarkdown[0] == '[')
- {
- var imglink = this.compmarkdown.match(/\(.*?\)/g);
- if(imglink[1])
- {
- this.imglink = imglink[1].slice(1,-1);
-
- imgmarkdown = imgmarkdown.replace(imglink[1],'');
- imgmarkdown = imgmarkdown.slice(1, -1);
-
- }
- }
-
- var imgalt = imgmarkdown.match(/\[.*?\]/);
- if(imgalt)
- {
- this.imgalt = imgalt[0].slice(1,-1);
- }
-
- var imgattr = imgmarkdown.match(/\{.*?\}/);
- if(imgattr)
- {
- imgattr = imgattr[0].slice(1,-1);
- imgattr = imgattr.trim();
- imgattr = imgattr.split(' ');
-
- var widthpattern = /width=\"?([0-9]*)[a-zA-Z%]*\"?/;
- var heightpattern = /height=\"?([0-9]*)[a-zA-Z%]*\"?/;
- var lazypattern = /loading=\"?([0-9a-zA-Z]*)\"?/;
-
- for (var i = 0; i < imgattr.length; i++)
- {
- var widthattr = imgattr[i].match(widthpattern);
- var heightattr = imgattr[i].match(heightpattern);
- var lazyattr = imgattr[i].match(lazypattern);
-
- if(imgattr[i].charAt(0) == '.')
- {
- this.imgclass = imgattr[i].slice(1);
- }
- else if(imgattr[i].charAt(0) == '#')
- {
- this.imgid = imgattr[i].slice(1);
- }
- else if(widthattr)
- {
- this.imgwidth = parseInt(widthattr[1]);
- }
- else if(heightattr)
- {
- this.imgheight = parseInt(heightattr[1]);
- }
- else if(lazyattr && lazyattr[1] != '')
- {
- this.imgloading = lazyattr[1];
- }
- else
- {
- this.imgattr += ' ' + imgattr[i];
- }
- }
- }
-
- var imgfile = imgmarkdown.match(/\(.*?\)/);
- if(imgfile)
- {
- imgfilestring = imgfile[0];
- var imgtitle = imgfilestring.match(/\".*?\"/);
- if(imgtitle)
- {
- this.imgtitle = imgtitle[0].slice(1,-1);
- imgfilestring = imgfilestring.replace(imgtitle[0], '');
- }
-
- this.imgfile = imgfilestring.slice(1,-1).trim();
- this.imgpreview = this.$root.$data.root + '/' + this.imgfile;
- }
-
- this.createmarkdown();
- }
- },
- methods: {
- createmarkdown: function()
- {
- if(this.imgpreview)
- {
- var img = new Image();
- img.src = this.imgpreview;
-
- var self = this;
-
- img.onload = function(){
-
- self.originalwidth = img.width;
- self.originalheight = img.height;
- self.originalratio = self.originalwidth / self.originalheight;
-
- self.calculatewidth();
- self.calculateheight();
- self.createmarkdownimageloaded();
- }
- }
- else
- {
- this.createmarkdownimageloaded();
- }
- },
- calculatewidth: function()
- {
- this.setdefaultsize();
- if(this.imgheight && this.imgheight > 0)
- {
- this.imgwidth = Math.round(this.imgheight * this.originalratio);
- }
- else
- {
- this.imgwidth = '';
- }
- },
- calculateheight: function()
- {
- this.setdefaultsize();
- if(this.imgwidth && this.imgwidth > 0)
- {
- this.imgheight = Math.round(this.imgwidth / this.originalratio);
- }
- else
- {
- this.imgheight = '';
- }
- },
- setdefaultsize: function()
- {
- if(this.imgheight == 0 && this.imgwidth == 0)
- {
- this.imgwidth = this.originalwidth;
- this.imgheight = this.originalheight;
- }
- },
- changewidth: function()
- {
- this.calculateheight();
- this.createmarkdownimageloaded();
- },
- changeheight: function()
- {
- this.calculatewidth();
- this.createmarkdownimageloaded();
- },
- openmedialib: function()
- {
- this.showresize = false;
- this.noresize = false;
- this.showmedialib = true;
- },
- isChecked: function(classname)
- {
- if(this.imgclass == classname)
- {
- return ' checked';
- }
- },
- updatemarkdown: function(event)
- {
- this.$emit('updatedMarkdown', event.target.value);
- },
- createmarkdownimageloaded: function()
- {
- var errors = false;
-
- if(this.imgalt.length < 101)
- {
- imgmarkdown = '![' + this.imgalt + ']';
- }
- else
- {
- errors = 'Maximum size of image alt-text is 100 characters';
- imgmarkdown = '![]';
- }
-
- if(this.imgtitle != '')
- {
- if(this.imgtitle.length < 101)
- {
- imgmarkdown = imgmarkdown + '(' + this.imgfile + ' "' + this.imgtitle + '")';
- }
- else
- {
- errors = 'Maximum size of image title is 100 characters';
- }
- }
- else
- {
- imgmarkdown = imgmarkdown + '(' + this.imgfile + ')';
- }
-
- var imgattr = '';
-
- if(this.imgid != '')
- {
- if(this.imgid.length < 100)
- {
- imgattr = imgattr + ' #' + this.imgid;
- }
- else
- {
- errors = 'Maximum size of image id is 100 characters';
- }
- }
- if(this.imgclass != '')
- {
- if(this.imgclass.length < 100)
- {
- imgattr = imgattr + ' .' + this.imgclass;
- }
- else
- {
- errors = 'Maximum size of image class is 100 characters';
- }
- }
- if(this.imgloading != '')
- {
- imgattr = imgattr + ' loading="' + this.imgloading + '"';
- }
- if(this.imgwidth != '')
- {
- imgattr = imgattr + ' width="' + this.imgwidth + '"';
- }
- if(this.imgheight != '')
- {
- imgattr = imgattr + ' height="' + this.imgheight + '"';
- }
- if(this.imgattr != '')
- {
- imgattr += this.imgattr;
- }
- if(imgattr != '')
- {
- imgmarkdown = imgmarkdown + '{' + imgattr.trim() + '}';
- }
-
- if(this.imglink != '')
- {
- if(this.imglink.length < 101)
- {
- imgmarkdown = '[' + imgmarkdown + '](' + this.imglink + ')';
- }
- else
- {
- errors = 'Maximum size of image link is 100 characters';
- }
- }
-
- if(this.imgcaption != '')
- {
- if(this.imgcaption.length < 140)
- {
- imgmarkdown = imgmarkdown + '\n*' + this.imgcaption + '*';
- }
- else
- {
- errors = 'Maximum size of image caption is 140 characters';
- }
- }
-
- if(this.noresize === true)
- {
- imgmarkdown = imgmarkdown + '|noresize';
- }
-
- if(errors)
- {
- this.$parent.freezePage();
- publishController.errors.message = errors;
- }
- else
- {
- console.info(imgmarkdown);
- publishController.errors.message = false;
- this.$parent.activatePage();
- this.$emit('updatedMarkdown', imgmarkdown);
- }
- },
- onFileChange: function( e )
- {
- if(e.target.files.length > 0)
- {
- let imageFile = e.target.files[0];
- let size = imageFile.size / 1024 / 1024;
-
- if (!imageFile.type.match('image.*'))
- {
- publishController.errors.message = "Only images are allowed.";
- }
- else if (size > this.maxsize)
- {
- publishController.errors.message = "The maximal size of images is " + this.maxsize + " MB";
- }
- else
- {
- self = this;
-
- self.$parent.freezePage();
- self.$root.$data.file = true;
- self.load = true;
- self.showresize = true;
- self.noresize = false;
-
- let reader = new FileReader();
- reader.readAsDataURL(imageFile);
- reader.onload = function(e) {
-
- self.imgpreview = e.target.result;
-
- self.createmarkdown();
-
- myaxios.post('/api/v1/image',{
- 'url': document.getElementById("path").value,
- 'image': e.target.result,
- 'name': imageFile.name,
- 'csrf_name': document.getElementById("csrf_name").value,
- 'csrf_value': document.getElementById("csrf_value").value,
- })
- .then(function (response) {
-
- self.load = false;
- self.$parent.activatePage();
-
- self.imgmeta = true;
- self.imgfile = response.data.name;
- self.$emit('updatedMarkdown', '');
- })
- .catch(function (error)
- {
- /*
- if(httpStatus == 400)
- {
- self.activatePage();
- publishController.errors.message = "Looks like you are logged out. Please login and try again.";
- }
- */
-
- if(error.response)
- {
- publishController.errors.message = error.response.data.errors.message;
- }
-
- });
- }
- }
- }
- }
- }
-})
-
-const fileComponent = Vue.component('file-component', {
- props: ['compmarkdown', 'disabled'],
- template: '' +
- ' ' +
- '
' +
- '' +
- '{{ \'drag a picture or click to select\'|translate }}
' + - '' +
- '
' +
- '' +
- '
' +
- '' +
- '' +
- ' ' +
- '' +
- '
',
- data: function(){
- return {
- maxsize: 20, // megabyte
- showmedialib: false,
- load: false,
- filemeta: false,
- filetitle: '',
- fileextension: '',
- fileurl: '',
- fileid: '',
- userroles: ['all'],
- selectedrole: '',
- }
- },
- mounted: function(){
-
- this.$refs.markdown.focus();
-
- if(this.compmarkdown)
- {
- this.filemeta = true;
-
- var filemarkdown = this.compmarkdown;
-
- var filetitle = filemarkdown.match(/\[.*?\]/);
- if(filetitle)
- {
- filemarkdown = filemarkdown.replace(filetitle[0],'');
- this.filetitle = filetitle[0].slice(1,-1);
- }
-
- var fileattr = filemarkdown.match(/\{.*?\}/);
- var fileextension = filemarkdown.match(/file-(.*)?\}/);
- if(fileattr && fileextension)
- {
- filemarkdown = filemarkdown.replace(fileattr[0],'');
- this.fileextension = fileextension[1].trim();
- }
-
- var fileurl = filemarkdown.match(/\(.*?\)/g);
- if(fileurl)
- {
- filemarkdown = filemarkdown.replace(fileurl[0],'');
- this.fileurl = fileurl[0].slice(1,-1);
- }
- }
-
- this.getrestriction();
- },
- methods: {
- openmedialib: function()
- {
- this.showmedialib = true;
- },
- isChecked: function(classname)
- {
- if(this.fileclass == classname)
- {
- return ' checked';
- }
- },
- updatemarkdown: function(event, url)
- {
- this.$emit('updatedMarkdown', event.target.value);
- this.getrestriction(url);
- },
- createmarkdown: function()
- {
- var errors = false;
-
- if(this.filetitle.length < 101)
- {
- filemarkdown = '[' + this.filetitle + ']';
- }
- else
- {
- errors = 'Maximum size of file-text is 100 characters';
- filemarkdown = '[]';
- }
- if(this.fileurl != '')
- {
- if(this.fileurl.length < 101)
- {
- filemarkdown = '[' + this.filetitle + '](' + this.fileurl + ')';
- }
- else
- {
- errors = 'Maximum size of file link is 100 characters';
- }
- }
- if(this.fileextension != '')
- {
- filemarkdown = filemarkdown + '{.tm-download file-' + this.fileextension + '}';
- }
- if(errors)
- {
- this.$parent.freezePage();
- publishController.errors.message = errors;
- }
- else
- {
- publishController.errors.message = false;
- this.$parent.activatePage();
- this.$emit('updatedMarkdown', filemarkdown);
- }
- },
- getrestriction: function(url)
- {
- var fileurl = this.fileurl;
- if(url)
- {
- fileurl = url;
- }
-
- var myself = this;
-
- myaxios.get('/api/v1/filerestrictions',{
- params: {
- 'url': document.getElementById("path").value,
- 'csrf_name': document.getElementById("csrf_name").value,
- 'csrf_value': document.getElementById("csrf_value").value,
- 'filename': fileurl,
- }
- })
- .then(function (response) {
- myself.userroles = ['all'];
- myself.userroles = myself.userroles.concat(response.data.userroles);
- myself.selectedrole = response.data.restriction;
- })
- .catch(function (error)
- {
- if(error.response)
- {
- }
- });
- },
- updaterestriction: function()
- {
- myaxios.post('/api/v1/filerestrictions',{
- 'url': document.getElementById("path").value,
- 'csrf_name': document.getElementById("csrf_name").value,
- 'csrf_value': document.getElementById("csrf_value").value,
- 'filename': this.fileurl,
- 'role': this.selectedrole,
- })
- .then(function (response) {
-
- })
- .catch(function (error)
- {
- if(error.response)
- {
- }
- });
- },
- onFileChange: function( e )
- {
- if(e.target.files.length > 0)
- {
- let uploadedFile = e.target.files[0];
- let size = uploadedFile.size / 1024 / 1024;
-
- if (size > this.maxsize)
- {
- publishController.errors.message = "The maximal size of a file is " + this.maxsize + " MB";
- }
- else
- {
- self = this;
-
- self.$parent.freezePage();
- self.$root.$data.file = true;
- self.load = true;
-
- let reader = new FileReader();
- reader.readAsDataURL(uploadedFile);
- reader.onload = function(e) {
-
- myaxios.post('/api/v1/file',{
- 'url': document.getElementById("path").value,
- 'file': e.target.result,
- 'name': uploadedFile.name,
- 'csrf_name': document.getElementById("csrf_name").value,
- 'csrf_value': document.getElementById("csrf_value").value,
- })
- .then(function (response) {
- self.load = false;
- self.$parent.activatePage();
-
- self.filemeta = true;
- self.filetitle = response.data.info.title;
- self.fileextension = response.data.info.extension;
- self.fileurl = response.data.info.url;
- self.selectedrole = '';
-
- self.createmarkdown();
- })
- .catch(function (error)
- {
- self.load = false;
- self.$parent.activatePage();
- if(error.response)
- {
- publishController.errors.message = error.response.data.errors;
- }
- });
- }
- }
- }
- }
- }
-})
-
-
-let activeFormats = [];
-
-for(var i = 0; i < formatConfig.length; i++)
-{
- if(bloxFormats[formatConfig[i]] !== undefined)
- {
- activeFormats.push(bloxFormats[formatConfig[i]]);
- }
-}
-
-let editor = new Vue({
- delimiters: ['${', '}'],
- el: '#blox',
- data: {
- errors: [],
- root: document.getElementById("main").dataset.url,
- html: false,
- title: false,
- markdown: false,
- blockId: false,
- blockType: false,
- blockMarkdown: false,
- file: false,
- freeze: false,
- unsafed: false,
- newBlocks: [],
- addblock: false,
- draftDisabled: true,
- bloxOverlay: false,
- sortdisabled: false,
- showEditor: 'show',
- formats: activeFormats,
- },
- mounted: function(){
-
- publishController.visual = true;
-
- var self = this;
-
- myaxios.post('/api/v1/article/html',{
- 'url': document.getElementById("path").value,
- 'csrf_name': document.getElementById("csrf_name").value,
- 'csrf_value': document.getElementById("csrf_value").value,
- })
- .then(function (response){
- var contenthtml = response.data.data;
- self.title = contenthtml[0];
- self.html = contenthtml;
- var initialcontent = document.getElementById("initial-content");
-
- initialcontent.parentNode.removeChild(initialcontent);
- })
- .catch(function (error)
- {
- if(error.response)
- {
- self.errors.title = error.response.errors;
- }
- });
-
- myaxios.post('/api/v1/article/markdown',{
- 'url': document.getElementById("path").value,
- 'csrf_name': document.getElementById("csrf_name").value,
- 'csrf_value': document.getElementById("csrf_value").value,
- })
- .then(function (response) {
- self.markdown = response.data.data;
-
- /* activate math plugin */
- if (typeof renderMathInElement === "function") {
- self.$nextTick(function () {
- renderMathInElement(document.getElementById("blox"));
- });
- }
-
- /* check for youtube videos */
- if (typeof typemillUtilities !== "undefined") {
- setTimeout(function(){
- self.$nextTick(function () {
- typemillUtilities.start();
- });
- }, 200);
- }
- })
- .catch(function (error)
- {
- if(error.response)
- {
- self.errors.title = error.response.errors;
- }
- });
- },
- methods: {
- onStart: function()
- {
-
- },
- moveBlock: function(evt)
- {
- publishController.errors.message = false;
-
- var self = this;
-
- myaxios.put('/api/v1/moveblock',{
- 'url': document.getElementById("path").value,
- 'old_index': evt.oldIndex,
- 'new_index': evt.newIndex,
- 'csrf_name': document.getElementById("csrf_name").value,
- 'csrf_value': document.getElementById("csrf_value").value,
- })
- .then(function (response) {
-
- self.freeze = false;
-
- self.markdown = response.data.markdown;
- self.blockMarkdown = '';
- self.blockType = '';
-
- if(response.data.toc)
- {
- self.html.splice(response.data.toc.id, 1, response.data.toc);
- }
-
- publishController.publishDisabled = false;
- publishController.publishResult = "";
-
- /* update the navigation and mark navigation item as modified */
- navi.getNavi();
-
- /* update the math if plugin is there */
- self.checkMath(params.new_index+1);
- })
- .catch(function (error)
- {
- if(error)
- {
- publishController.publishDisabled = false;
- }
- if(error.response)
- {
- publishController.errors.message = error.response.data.errors.message;
- }
- });
- },
- setData: function(event, blocktype, body)
- {
- if(this.unsafed){ return; }
-
- this.blockId = event.currentTarget.dataset.id;
- this.blockMarkdown = this.markdown[this.blockId];
- if(blocktype)
- {
- this.blockType = blocktype;
- }
- else if(this.blockId == 0)
- {
- this.blockType = "title-component"
- }
- else
- {
- this.blockType = this.determineBlockType(this.blockMarkdown);
- }
- },
- clearData: function(event)
- {
- this.blockId = event.currentTarget.dataset.id;
- this.blockMarkdown = this.markdown[this.blockId];
- },
- hideModal: function()
- {
- this.addblock = false;
- },
- determineBlockType: function(block)
- {
- var result = false;
- var lines = block.split("\n");
- var firstChar = block[0];
- var secondChar = block[1];
- var thirdChar = block[2];
-
- for (var method in determiner) {
- result = determiner[method](block,lines,firstChar,secondChar,thirdChar);
- if(result !== false){ return result; }
- }
- return 'markdown-component';
- },
- checkMath(elementid)
- {
- /* make math plugin working */
- if (typeof renderMathInElement === "function")
- {
- self.$nextTick(function () {
- renderMathInElement(document.getElementById("blox-"+elementid));
- });
- }
- if (typeof MathJax !== 'undefined') {
- self.$nextTick(function () {
- MathJax.Hub.Queue(["Typeset",MathJax.Hub,"blox-"+elementid]);
- });
- }
- },
- initiateVideo()
- {
- /* check for youtube videos on first page load */
- if (typeof typemillUtilities !== "undefined")
- {
- this.$nextTick(function () {
- typemillUtilities.start();
- });
- }
- },
- checkVideo(elementid)
- {
- /* check for youtube videos for new blox */
- var element = document.getElementById("blox-"+elementid);
-
- if(element && typeof typemillUtilities !== "undefined")
- {
- imageElement = element.getElementsByClassName("youtube");
-
- if(imageElement[0])
- {
- typemillUtilities.addYoutubePlayButton(imageElement[0]);
- }
- }
- }
- }
-});
\ No newline at end of file
diff --git a/system/author/js/vue-editor.js b/system/author/js/vue-editor.js
deleted file mode 100644
index 4443b8e..0000000
--- a/system/author/js/vue-editor.js
+++ /dev/null
@@ -1,28 +0,0 @@
-let editor = new Vue({
- delimiters: ['${', '}'],
- el: '#editor',
- data: {
- errors: {
- title: false,
- content: false,
- },
- form: {
- title: document.getElementById("title").value,
- content: document.getElementById("content").textContent,
- },
- showEditor: 'show',
- },
- mounted: function(){
- autosize(document.querySelector('textarea'));
- publishController.raw = true;
- },
- methods: {
- changeContent: function(e){
- publishController.draftDisabled = false;
- publishController.publishDisabled = false;
- publishController.draftResult = "";
- publishController.publishResult = "";
- publishController.discardResult = "";
- },
- }
-});
\ No newline at end of file
diff --git a/system/author/js/vue-meta.js b/system/author/js/vue-meta.js
deleted file mode 100644
index b79e3f8..0000000
--- a/system/author/js/vue-meta.js
+++ /dev/null
@@ -1,266 +0,0 @@
-Vue.filter('translate', function (value) {
- if (!value) return ''
- transvalue = value.replace(/[ ]/g,"_").replace(/[.]/g, "_").replace(/[,]/g, "_").replace(/[-]/g, "_").replace(/[,]/g,"_").toUpperCase()
- translated_string = labels[transvalue]
- if(!translated_string || translated_string.length === 0){
- return value
- } else {
- return labels[transvalue]
- }
-})
-
-Vue.component('tab-meta', {
- props: ['saved', 'errors', 'formdata', 'schema', 'userroles'],
- data: function () {
- return {
- slug: false,
- originalSlug: false,
- slugerror: false,
- disabled: "disabled",
- }
- },
- template: '',
- mounted: function()
- {
- if(this.$parent.item.slug != '')
- {
- this.slug = this.$parent.item.slug;
- this.originalSlug = this.slug;
- }
- },
- methods: {
- selectComponent: function(field)
- {
- return 'component-'+field.type;
- },
- saveInput: function()
- {
- this.$emit('saveform');
- },
- changeSlug: function()
- {
- if(this.slug == this.originalSlug)
- {
- this.slugerror = false;
- this.disabled = "disabled";
- return;
- }
- if(this.slug == '')
- {
- this.slugerror = 'empty slugs are not allowed';
- this.disabled = "disabled";
- return;
- }
-
- this.slug = this.slug.replace(/ /g, '-');
-
- if(this.slug.match(/^[a-z0-9\-]*$/))
- {
- this.slugerror = false;
- this.disabled = false;
- }
- else
- {
- this.slugerror = 'Only lowercase a-z and 0-9 and "-" is allowed for slugs.';
- this.disabled = "disabled";
- }
- },
- storeSlug: function()
- {
-
- if(this.slug.match(/^[a-z0-9\-]*$/) && this.slug != this.originalSlug)
- {
- var self = this;
-
- myaxios.post('/api/v1/article/rename',{
- 'url': document.getElementById("path").value,
- 'csrf_name': document.getElementById("csrf_name").value,
- 'csrf_value': document.getElementById("csrf_value").value,
- 'slug': this.slug,
- })
- .then(function (response)
- {
- window.location.replace(response.data.url);
- })
- .catch(function (error)
- {
- if(error.response.data.errors.message)
- {
- publishController.errors.message = error.response.data.errors.message;
- }
- });
- }
- }
- }
-})
-
-let meta = new Vue({
- delimiters: ['${', '}'],
- el: '#metanav',
- data: function () {
- return {
- root: document.getElementById("main").dataset.url, /* get url of current page */
- currentTab: 'Content',
- tabs: ['Content'],
- formDefinitions: [],
- formData: [],
- formErrors: {},
- formErrorsReset: {},
- item: false,
- userroles: false,
- saved: false,
- }
- },
- computed: {
- currentTabComponent: function () {
- if(this.currentTab == 'Content')
- {
- editor.showEditor = 'show';
- posts.showPosts = 'show';
- }
- else
- {
- editor.showEditor = 'hidden';
- posts.showPosts = 'hidden';
- return 'tab-' + this.currentTab.toLowerCase()
- }
- }
- },
- mounted: function(){
-
- var self = this;
-
- myaxios.get('/api/v1/article/metaobject',{
- params: {
- 'url': document.getElementById("path").value,
- 'csrf_name': document.getElementById("csrf_name").value,
- 'csrf_value': document.getElementById("csrf_value").value,
- }
- })
- .then(function (response) {
-
- var formdefinitions = response.data.metadefinitions;
-
- for (var key in formdefinitions) {
- if (formdefinitions.hasOwnProperty(key)) {
- self.tabs.push(key);
- self.formErrors[key] = false;
- }
- }
-
- self.formErrorsReset = self.formErrors;
- self.formDefinitions = formdefinitions;
-
- self.formData = response.data.metadata;
-
- self.userroles = response.data.userroles;
-
- self.item = response.data.item;
-
- if(self.item.elementType == "folder" && self.item.contains == "posts")
- {
- posts.posts = self.item.folderContent;
- posts.folderid = self.item.keyPath;
- }
- else
- {
- posts.posts = false;
- }
- })
- .catch(function (error)
- {
- if(error.response)
- {
- }
- });
-
- /* update single value or array
- this.$set(this.someObject, 'b', 2) */
- FormBus.$on('forminput', formdata => {
- this.$set(this.formData[this.currentTab], formdata.name, formdata.value);
- });
-
- /* update values that are objects
- this.someObject = Object.assign({}, this.someObject, { a: 1, b: 2 }) */
-
- FormBus.$on('forminputobject', formdata => {
- this.formData[this.currentTab][formdata.name] = Object.assign({}, this.formData[this.currentTab][formdata.name], formdata.value);
- });
- },
- methods: {
- saveForm: function()
- {
- this.saved = false;
-
- self = this;
-
- myaxios.post('/api/v1/article/metadata',{
- 'url': document.getElementById("path").value,
- 'csrf_name': document.getElementById("csrf_name").value,
- 'csrf_value': document.getElementById("csrf_value").value,
- 'tab': self.currentTab,
- 'data': self.formData[self.currentTab]
- })
- .then(function (response) {
- self.saved = true;
- self.formErrors = self.formErrorsReset;
- if(response.data.structure)
- {
- navi.items = response.data.structure;
- }
-
- var item = response.data.item;
- if(item.elementType == "folder" && item.contains == "posts")
- {
- posts.posts = item.folderContent;
- posts.folderid = item.keyPath;
- }
- else
- {
- posts.posts = false;
- }
- })
- .catch(function (error)
- {
- if(error.response)
- {
- self.formErrors = error.response.data.errors;
- }
- if(error.response.data.errors.message)
- {
- publishController.errors.message = error.response.data.errors.message;
- }
- });
- },
- }
-});
\ No newline at end of file
diff --git a/system/author/js/vue-navi.js b/system/author/js/vue-navi.js
deleted file mode 100644
index 167eda5..0000000
--- a/system/author/js/vue-navi.js
+++ /dev/null
@@ -1,361 +0,0 @@
-const naviBus = new Vue();
-
-const navcomponent = Vue.component('navigation', {
- template: '#navigation-template',
- props: ['homepage', 'name', 'hide', 'newItem', 'parent', 'active', 'filetype', 'status', 'elementtype', 'contains', 'element', 'folder', 'level', 'url', 'root', 'freeze', 'collapse'],
- data: function () {
- return {
- showForm: false,
- revert: false,
- }
- },
- methods: {
- callToggle: function(name)
- {
- naviBus.$emit('toggleNavi', name);
- },
- isCollapsed: function(name)
- {
- if(this.collapse.indexOf(name) > -1)
- {
- return true;
- }
- return false;
- },
- checkMove : function(evt)
- {
- if(evt.dragged.classList.contains('folder') && evt.from.parentNode.id != evt.to.parentNode.id)
- {
- return false;
- }
- if(evt.dragged.firstChild.className == 'active' && !editor.draftDisabled)
- {
- publishController.errors.message = "Please save your changes before you move the file";
- return false;
- }
- return true;
- },
- onStart : function(evt)
- {
- /* delete error messages if exist */
- publishController.errors.message = false;
- },
- onEnd : function(evt)
- {
- if(evt.from.parentNode.id == evt.to.parentNode.id && evt.oldIndex == evt.newIndex)
- {
- return
- }
-
- evt.item.classList.add("load");
-
- var self = this;
-
- self.$root.$data.freeze = true;
- self.errors = {title: false, content: false, message: false};
-
- myaxios.post('/api/v1/article/sort',{
- 'item_id': evt.item.id,
- 'parent_id_from': evt.from.parentNode.id,
- 'parent_id_to': evt.to.parentNode.id,
- 'index_old': evt.oldIndex,
- 'index_new': evt.newIndex,
- 'active': evt.item.getElementsByTagName('a')[0].className,
- 'url': document.getElementById("path").value,
- 'csrf_name': document.getElementById("csrf_name").value,
- 'csrf_value': document.getElementById("csrf_value").value,
- })
- .then(function (response) {
-
- self.$root.$data.freeze = false;
-
- if(response.data.url)
- {
- window.location.replace(response.data.url);
- }
- if(response.data.data)
- {
- evt.item.classList.remove("load");
- self.$root.$data.items = response.data.data;
- }
- })
- .catch(function (error)
- {
- if(error.response.data.errors.message)
- {
- publishController.errors.message = error.response.data.errors;
- }
- });
- },
- getUrl : function(root, url)
- {
- return root + '/tm/content/' + this.$root.$data.editormode + url;
- },
- getLevel : function(level)
- {
- level = level.toString();
- level = level.split('.').length;
- return 'level-' + level;
- },
- getIcon : function(elementtype, filetype, hide)
- {
- if(hide)
- {
- return '#icon-eye-blocked';
- }
- if(elementtype == 'file')
- {
- return '#icon-file-text-o';
- }
- if(elementtype == 'folder')
- {
- return '#icon-folder-o';
- }
- },
- getIconClass : function(elementtype, filetype, hide)
- {
- if(hide)
- {
- return 'icon-eye-blocked ' + filetype;
- }
- if(elementtype == 'file')
- {
- return 'icon-file-text-o ' + filetype;
- }
- if(elementtype == 'folder')
- {
- return 'icon-folder-o ' + filetype;
- }
- },
- checkActive : function(active,parent)
- {
- if(active && !parent)
- {
- return 'active';
- }
- return 'inactive';
- },
- toggleForm : function()
- {
- this.showForm = !this.showForm;
- },
- addFile : function(type)
- {
- publishController.errors.message = false;
-
- if(this.$root.$data.format.test(this.newItem) || !this.newItem || this.newItem.length > 60)
- {
- publishController.errors.message = 'Special Characters are not allowed. Length between 1 and 60.';
- return;
- }
-
- var self = this;
-
- self.$root.$data.freeze = true;
- self.errors = {title: false, content: false, message: false};
-
- myaxios.post('/api/v1/article',{
- 'folder_id': this.$el.id,
- 'item_name': this.newItem,
- 'type': type,
- 'url': document.getElementById("path").value,
- 'csrf_name': document.getElementById("csrf_name").value,
- 'csrf_value': document.getElementById("csrf_value").value,
- })
- .then(function (response) {
-
- self.$root.$data.freeze = false;
-
- if(response.data.url)
- {
- window.location.replace(response.data.url);
- }
- if(response.data.data)
- {
- // evt.item.classList.remove("load");
- self.$root.$data.items = response.data.data;
- self.newItem = '';
- self.showForm = false;
- }
- })
- .catch(function (error)
- {
- if(error.response.data.errors)
- {
- publishController.errors.message = error.response.data.errors;
- }
- });
- },
- }
-})
-
-let navi = new Vue({
- el: "#navi",
- components: {
- 'navcomponent': navcomponent,
- },
- data: function () {
- return {
- title: "Navigation",
- items: navigation,
- homepage: JSON.parse(document.getElementById("data-navi").dataset.homepage),
- editormode: document.getElementById("data-navi").dataset.editormode,
- root: document.getElementById("main").dataset.url,
- freeze: false,
- modalWindow: false,
- format: /[@#*()=\[\]{};:"\\|,.<>\/]/,
- folderName: '',
- showForm: false,
- newItem: '',
- collapse: [],
- }
- },
- mounted: function(){
- var collapse = localStorage.getItem('collapse');
- if(collapse !== null)
- {
- var collapseArray = collapse.split(',');
- var collapseLength = collapseArray.length;
- var cleanCollapseArray = [];
- for(var i = 0; i < collapseLength; i++)
- {
- if(typeof collapseArray[i] === 'string' && collapseArray[i] != '')
- {
- cleanCollapseArray.push(collapseArray[i]);
- }
- }
- this.collapse = collapse.split(',');
- }
- naviBus.$on('toggleNavi', this.toggleNavigation);
- },
- methods:{
- clearToggle: function()
- {
- this.collapse = [];
- localStorage.removeItem('collapse');
- },
- toggleNavigation: function(name)
- {
- var index = this.collapse.indexOf(name);
- if (index > -1)
- {
- this.collapse.splice(index, 1);
- }
- else
- {
- this.collapse.push(name);
- }
- localStorage.setItem("collapse", this.collapse.toString());
- },
- checkMove: function(evt){
-/* this.$refs.draggit[0].checkMove(evt); */
- if(evt.dragged.classList.contains('folder') && evt.from.parentNode.id != evt.to.parentNode.id)
- {
- return false;
- }
- if(evt.dragged.firstChild.className == 'active' && !editor.draftDisabled)
- {
- publishController.errors.message = "Please save your changes before you move the file";
- return false;
- }
- return true;
- },
- onStart: function(evt){
- this.$refs.draggit[0].onStart(evt);
- },
- onEnd: function(evt){
- this.$refs.draggit[0].onEnd(evt);
- },
- showModal: function(e){
- this.modalWindow = true;
- },
- hideModal: function(e){
- this.modalWindow = false;
- },
- toggleForm: function()
- {
- this.showForm = !this.showForm;
- },
- addFile : function(type)
- {
- publishController.errors.message = false;
-
- if(this.format.test(this.newItem) || !this.newItem || this.newItem.length > 40)
- {
- publishController.errors.message = 'Special Characters are not allowed. Length between 1 and 40.';
- return;
- }
-
- self = this;
-
- self.freeze = true;
- self.errors = {title: false, content: false, message: false};
-
- myaxios.post('/api/v1/baseitem',{
- 'item_name': this.newItem,
- 'type': type,
- 'url': document.getElementById("path").value,
- 'csrf_name': document.getElementById("csrf_name").value,
- 'csrf_value': document.getElementById("csrf_value").value,
- })
- .then(function (response) {
-
- self.freeze = false;
-
- if(response.data.url)
- {
- window.location.replace(response.data.url);
- }
- if(response.data.data)
- {
- self.items = response.data.data;
- self.newItem = '';
- self.showForm = false;
- }
- })
- .catch(function (error)
- {
- publishController.errors.message = error.response.data.errors;
- });
- },
- getNavi: function()
- {
- publishController.errors.message = false;
-
- var self = this;
-
- self.freeze = true;
- self.errors = {title: false, content: false, message: false};
-
- var activeItem = document.getElementById("path").value;
-
- var url = this.root + '/api/v1/navigation?url=' + activeItem;
- var method = 'GET';
-
- myaxios.get('/api/v1/navigation',{
- params: {
- 'url': activeItem,
- 'csrf_name': document.getElementById("csrf_name").value,
- 'csrf_value': document.getElementById("csrf_value").value,
- }
- })
- .then(function (response) {
-
- self.freeze = false;
- if(response.data.data)
- {
- self.items = response.data.data;
- self.newItem = '';
- self.homepage = response.data.homepage;
- }
- })
- .catch(function (error)
- {
- if(error.response.data.errors)
- {
- publishController.errors.message = error.response.data.errors;
- }
- });
- }
- }
-})
\ No newline at end of file
diff --git a/system/author/js/vue-posts.js b/system/author/js/vue-posts.js
deleted file mode 100644
index 37597e5..0000000
--- a/system/author/js/vue-posts.js
+++ /dev/null
@@ -1,69 +0,0 @@
-Vue.component('single-post', {
- props: ['post'],
- template: '' +
- ' ' +
- '
' +
- '' +
- '{{ \'upload file\'|translate }}
' + - '' +
- '
' +
- '' +
- '
' +
- '' +
- '
',
- methods: {
- getUrl: function(posturl){
- return this.$root.$data.root + '/tm/content/' + this.$root.$data.editormode + posturl;
- },
- getDate: function(str){
- var cleandate = [str.slice(0,4), str.slice(4,6), str.slice(6,8)];
- return cleandate.join("-");
- }
- }
-})
-
-let posts = new Vue({
- el: "#posts",
- data: function () {
- return {
- posts: false,
- posttitle: '',
- folderid: false,
- format: /[@#*()=\[\]{};:"\\|,.<>\/]/,
- root: document.getElementById("main").dataset.url,
- editormode: document.getElementById("data-navi").dataset.editormode,
- showPosts: 'show',
- }
- },
- methods: {
- createPost: function(evt){
-
- publishController.errors.message = false;
-
- if(this.format.test(this.posttitle) || this.posttitle == '' || this.posttitle.length > 60)
- {
- publishController.errors.message = 'Special Characters are not allowed. Length between 1 and 60.';
- return;
- }
-
- var self = this;
-
- myaxios.post('/api/v1/post',{
- 'folder_id': this.folderid,
- 'item_name': this.posttitle,
- 'type': 'file',
- 'url': document.getElementById("path").value,
- 'csrf_name': document.getElementById("csrf_name").value,
- 'csrf_value': document.getElementById("csrf_value").value,
- })
- .then(function (response) {
- if(response.data.posts)
- {
- self.posts = response.data.posts.folderContent;
- self.posttitle = '';
- }
- })
- .catch(function (error)
- {
- if(error.response)
- {
- publishController.errors.message = error.response.data.errors;
- }
- });
- }
- }
-})
diff --git a/system/author/js/vue-publishcontroller.js b/system/author/js/vue-publishcontroller.js
deleted file mode 100644
index 891f8d7..0000000
--- a/system/author/js/vue-publishcontroller.js
+++ /dev/null
@@ -1,213 +0,0 @@
-let publishController = new Vue({
- delimiters: ['${', '}'],
- el: '#publishController',
- data: {
- root: document.getElementById("main").dataset.url,
- form: {
- title: false,
- content: false,
- url: document.getElementById("path").value,
- csrf_name: document.getElementById("csrf_name").value,
- csrf_value: document.getElementById("csrf_value").value,
- },
- errors:{
- message: false,
- },
- modalWindow: false,
- modalType: false,
- draftDisabled: true,
- publishDisabled: document.getElementById("publishController").dataset.drafted ? false : true,
- deleteDisabled: false,
- draftResult: "",
- publishResult: "",
- discardResult: "",
- deleteResult: "",
- publishStatus: document.getElementById("publishController").dataset.published ? false : true,
- publishLabel: document.getElementById("publishController").dataset.published ? "online" : "offline",
- publishLabelMobile: document.getElementById("publishController").dataset.published ? "ON" : "OFF",
- raw: false,
- visual: false,
- },
- methods: {
- handleErrors: function(error){
-
- /* if there are custom error messages */
- if(error.response.data.errors)
- {
- this.publishDisabled = false;
- this.publishResult = "fail";
-
- if(error.response.data.errors.message){ this.errors.message = error.response.data.errors.message };
- if(error.response.data.errors.title){ editor.errors.title = error.response.data.errors.title[0] };
- if(error.response.data.errors.content){ editor.errors.content = error.response.data.errors.content[0] };
- }
- else if(error.response.status == 400)
- {
- this.publishDisabled = false;
- this.publishResult = "fail";
- this.errors.message = "You are probably logged out. Please backup your changes, login and then try again."
- }
- else if(error.response.status != 200)
- {
- self.publishDisabled = false;
- self.publishResult = "fail";
- self.errors.message = "Something went wrong, please refresh the page and try again."
- }
- },
- publishDraft: function(e){
-
- this.errors.message = false;
- editor.errors = {title: false, content: false};
-
- this.publishResult = "load";
- this.publishDisabled = "disabled";
-
- this.form.raw = this.raw;
- if(this.form.raw)
- {
- this.form.title = editor.form.title;
- this.form.content = editor.form.content;
- }
-
- var self = this;
-
- myaxios.post('/api/v1/article/publish',self.form)
- .then(function (response) {
- if(response.data.meta)
- {
- meta.formData = response.data.meta;
- }
-
- self.draftDisabled = "disabled";
- self.publishResult = "success";
- self.publishStatus = false;
- self.publishLabel = "online";
- self.publishLabelMobile = "ON";
- navi.getNavi();
- })
- .catch(function (error)
- {
- self.handleErrors(error);
- });
- },
- discardDraft: function(e) {
-
- this.errors.message = false;
- editor.errors = {title: false, content: false};
-
- this.discardResult = "load";
- this.publishDisabled = "disabled";
-
- myaxios.delete('/api/v1/article/discard',{
- data: this.form
- })
- .then(function (response)
- {
- window.location.replace(response.data.url);
- })
- .catch(function (error)
- {
- self.handleErrors(error);
- });
- },
- saveDraft: function(e){
-
- this.errors.message = false;
- editor.errors = {title: false, content: false};
-
- this.draftResult = "load";
- this.draftDisabled = "disabled";
-
- this.form.title = editor.form.title;
- this.form.content = editor.form.content;
-
- var self = this;
-
- myaxios.put('/api/v1/article',self.form)
- .then(function (response) {
- self.draftResult = 'success';
- navi.getNavi();
- })
- .catch(function (error)
- {
- self.draftDisabled = false;
- self.draftResult = 'fail';
- self.handleErrors(error);
- });
- },
- depublishArticle: function(e){
-
- if(this.draftDisabled == false)
- {
- this.errors.message = 'Please save your changes as draft first.';
- return;
- }
-
- this.errors.message = false;
- editor.errors = {title: false, content: false};
-
- this.publishStatus = "disabled";
-
- var self = this;
-
- myaxios.delete('/api/v1/article/unpublish',{
- data: self.form
- })
- .then(function (response)
- {
- self.publishResult = "";
- self.publishLabel = "offline";
- self.publishLabelMobile = "OFF";
- self.publishDisabled = false;
- navi.getNavi();
- })
- .catch(function (error)
- {
- self.publishStatus = false;
- self.handleErrors(error);
- });
- },
- deleteArticle: function(e){
- this.errors.message = false;
- editor.errors = {title: false, content: false};
-
- this.deleteDisabled = "disabled";
- this.deleteResult = "load";
-
- var self = this;
-
- myaxios.delete('/api/v1/article',{
- data: self.form
- })
- .then(function (response)
- {
- self.modalWindow = false;
- if(response.data.url)
- {
- window.location.replace(response.data.url);
- }
- })
- .catch(function (error)
- {
- self.publishStatus = false;
- self.handleErrors(error);
- });
- },
- checkUnsafedContent(event){
- console.info(this.draftDisabled);
- if(!this.draftDisabled)
- {
- event.preventDefault();
- this.showModal('unsafed');
- }
- },
- showModal: function(type){
- this.modalType = type;
- this.modalWindow = true;
- },
- hideModal: function(type){
- this.modalWindow = false;
- this.modalType = false;
- },
- }
-});
\ No newline at end of file
diff --git a/system/author/js/vue-shared.js b/system/author/js/vue-shared.js
deleted file mode 100644
index eed8e0d..0000000
--- a/system/author/js/vue-shared.js
+++ /dev/null
@@ -1,1341 +0,0 @@
-Vue.component('component-text', {
- props: ['id', 'description', 'maxlength', 'hidden', 'readonly', 'required', 'disabled', 'placeholder', 'label', 'name', 'type', 'value', 'errors'],
- template: '{{ post.name }} {{ getDate(post.order) }}
' + - '' + - '' +
- '' +
- '' +
- '{{ errors[name] }}' +
- '{{ description|translate }}' +
- '
',
- methods: {
- update: function($event, name)
- {
- FormBus.$emit('forminput', {'name': name, 'value' : $event.target.value});
- },
- },
-})
-
-Vue.component('component-hidden', {
- props: ['id', 'maxlength', 'required', 'disabled', 'name', 'type', 'value', 'errors'],
- template: '' +
- '' +
- '
',
- methods: {
- update: function($event, name)
- {
- FormBus.$emit('forminput', {'name': name, 'value' : $event.target.value});
- },
- },
-})
-
-Vue.component('component-textarea', {
- props: ['id', 'description', 'maxlength', 'readonly', 'required', 'disabled', 'placeholder', 'label', 'name', 'type', 'value', 'errors'],
- data: function () {
- return {
- textareaclass: ''
- }
- },
- template: '' +
- '' +
- '' +
- '{{ errors[name] }}' +
- '{{ description|translate }}' +
- '
',
- methods: {
- update: function($event, name)
- {
- FormBus.$emit('forminput', {'name': name, 'value' : $event.target.value});
- },
- formatValue: function(value)
- {
- if(value !== null && typeof value === 'object')
- {
- this.textareaclass = 'codearea';
- return JSON.stringify(value, undefined, 4);
- }
- return value;
- },
- },
-})
-
-Vue.component('component-url', {
- props: ['id', 'description', 'maxlength', 'readonly', 'required', 'disabled', 'placeholder', 'label', 'name', 'type', 'value', 'errors'],
- template: '' +
- '' +
- '' +
- '{{ errors[name] }}' +
- '{{ description|translate }}' +
- '
',
- methods: {
- update: function($event, name)
- {
- FormBus.$emit('forminput', {'name': name, 'value' : $event.target.value});
- },
- },
-})
-
-Vue.component('component-number', {
- props: ['id', 'description', 'min', 'max', 'maxlength', 'readonly', 'required', 'disabled', 'placeholder', 'label', 'name', 'type', 'value', 'errors'],
- template: '' +
- '' +
- '' +
- '{{ errors[name] }}' +
- '{{ description|translate }}' +
- '
',
- methods: {
- update: function($event, name)
- {
- FormBus.$emit('forminput', {'name': name, 'value' : $event.target.value});
- },
- },
-})
-
-Vue.component('component-email', {
- props: ['id', 'description', 'maxlength', 'readonly', 'required', 'disabled', 'placeholder', 'label', 'name', 'type', 'value', 'errors'],
- template: '' +
- '' +
- '' +
- '{{ errors[name] }}' +
- '{{ description|translate }}' +
- '
',
- methods: {
- update: function($event, name)
- {
- FormBus.$emit('forminput', {'name': name, 'value' : $event.target.value});
- },
- },
-})
-
-Vue.component('component-tel', {
- props: ['id', 'description', 'maxlength', 'readonly', 'required', 'disabled', 'placeholder', 'label', 'name', 'type', 'value', 'errors'],
- template: '' +
- '' +
- '' +
- '{{ errors[name] }}' +
- '{{ description|translate }}' +
- '
',
- methods: {
- update: function($event, name)
- {
- FormBus.$emit('forminput', {'name': name, 'value' : $event.target.value});
- },
- },
-})
-
-Vue.component('component-password', {
- props: ['id', 'description', 'maxlength', 'readonly', 'required', 'disabled', 'placeholder', 'label', 'name', 'type', 'value', 'errors'],
- template: '' +
- '' +
- '' +
- '{{ errors[name] }}' +
- '{{ description|translate }}' +
- '
',
- methods: {
- update: function($event, name)
- {
- FormBus.$emit('forminput', {'name': name, 'value' : $event.target.value});
- },
- },
-})
-
-Vue.component('component-date', {
- props: ['id', 'description', 'maxlength', 'readonly', 'required', 'disabled', 'placeholder', 'label', 'name', 'type', 'value', 'errors'],
- template: '' +
- '' +
- '' +
- '{{ errors[name] }}' +
- '{{ description|translate }}' +
- '
',
- methods: {
- update: function($event, name)
- {
- FormBus.$emit('forminput', {'name': name, 'value' : $event.target.value});
- },
- },
-})
-
-Vue.component('component-color', {
- props: ['id', 'description', 'maxlength', 'readonly', 'required', 'disabled', 'placeholder', 'label', 'name', 'type', 'value', 'errors'],
- template: '' +
- '' +
- '' +
- '{{ errors[name] }}' +
- '{{ description|translate }}' +
- '
',
- methods: {
- update: function($event, name)
- {
- FormBus.$emit('forminput', {'name': name, 'value' : $event.target.value});
- },
- },
-})
-
-Vue.component('component-select', {
- props: ['id', 'description', 'readonly', 'required', 'disabled', 'label', 'name', 'type', 'options', 'value', 'errors', 'dataset', 'userroles'],
- template: '' +
- '' +
- '' +
- '' +
- '' +
- '{{ errors[name] }}' +
- '{{ description|translate }}' +
- '
',
- methods: {
- update: function($event, name)
- {
- FormBus.$emit('forminput', {'name': name, 'value' : $event.target.value});
- },
- },
-})
-
-Vue.component('component-checkbox', {
- props: ['id', 'description', 'readonly', 'required', 'disabled', 'label', 'checkboxlabel', 'name', 'type', 'value', 'errors'],
- template: '' +
- '' +
- '' +
- '
',
- methods: {
- update: function($event, value, name)
- {
- FormBus.$emit('forminput', {'name': name, 'value' : value});
- },
- },
-})
-
-Vue.component('component-checkboxlist', {
- props: ['description', 'readonly', 'required', 'disabled', 'label', 'checkboxlabel', 'options', 'name', 'type', 'value', 'errors'],
- template: '' +
- '' +
- '' +
- '
',
- methods: {
- update: function($event, value, optionvalue, name)
- {
- /* if value (array) for checkboxlist is not initialized yet */
- if(value === true || value === false)
- {
- value = [optionvalue];
- }
- FormBus.$emit('forminput', {'name': name, 'value' : value});
- },
- },
-})
-
-Vue.component('component-radio', {
- props: ['id', 'description', 'readonly', 'required', 'disabled', 'options', 'label', 'name', 'type', 'value', 'errors'],
- template: '' +
- '' +
- '' +
- '
',
- methods: {
- update: function($event, value, name)
- {
- FormBus.$emit('forminput', {'name': name, 'value' : value});
- },
- },
-})
-
-Vue.component('component-customfields', {
- props: ['id', 'description', 'readonly', 'required', 'disabled', 'options', 'label', 'name', 'type', 'value', 'errors'],
- data: function () {
- return {
- fielderrors: false,
- fielddetails: {},
- disableaddbutton: false,
- cfvalue: [{}]
- }
- },
- template: '' +
- '' +
- '' +
- ' ' +
- '' +
- '
',
- mounted: function(){
- if(typeof this.value === 'undefined' || this.value === null || this.value.length == 0)
- {
- // this.cfvalue = [{}];
- // this.update(this.cfvalue, this.name);
- this.disableaddbutton = 'disabled';
- }
- else
- {
- /* turn object { key:value, key:value } into array [[key,value][key,value]] */
- this.cfvalue = Object.entries(this.value);
- /* and back into array of objects [ {key: key, value: value}{key:key, value: value }] */
- this.cfvalue = this.cfvalue.map(function(item){ return { 'key': item[0], 'value': item[1] } });
- }
- },
- methods: {
- update: function(value, name)
- {
- this.fielderrors = false;
- this.errors = false;
-
- /* transform array of objects [{key:mykey, value:myvalue}] into array [[mykey,myvalue]] */
- var storedvalue = value.map(function(item){ return [item.key, item.value]; });
-
- /* transform array [[mykey,myvalue]] into object { mykey:myvalue } */
- storedvalue = Object.fromEntries(storedvalue);
-
- FormBus.$emit('forminput', {'name': name, 'value': storedvalue});
- },
- updatePairKey: function(index,event)
- {
- this.cfvalue[index].key = event.target.value;
-
- var regex = /^[a-z0-9]+$/i;
-
- if(!this.keyIsUnique(event.target.value,index))
- {
- this.cfvalue[index].keyerror = 'red';
- this.fielderrors = 'Error: The key already exists';
- this.disableaddbutton = 'disabled';
- return;
- }
- else if(!regex.test(event.target.value))
- {
- this.cfvalue[index].keyerror = 'red';
- this.fielderrors = 'Error: Only alphanumeric for keys allowed';
- this.disableaddbutton = 'disabled';
- return;
- }
-
- delete this.cfvalue[index].keyerror;
- this.disableaddbutton = false;
- this.update(this.cfvalue,this.name);
- },
- keyIsUnique: function(keystring, index)
- {
- for(obj in this.cfvalue)
- {
- if( (obj != index) && (this.cfvalue[obj].key == keystring) )
- {
- return false;
- }
- }
- return true;
- },
- updatePairValue: function(index, event)
- {
- this.cfvalue[index].value = event.target.value;
-
- var regex = /<.*(?=>)/gm;
- if(event.target.value == '' || regex.test(event.target.value))
- {
- this.cfvalue[index].valueerror = 'red';
- this.fielderrors = 'Error: No empty values or html tags are allowed';
- }
- else
- {
- delete this.cfvalue[index].valueerror;
- this.update(this.cfvalue,this.name);
- }
- },
- addField: function()
- {
- for(object in this.cfvalue)
- {
- if(Object.keys(this.cfvalue[object]).length === 0)
- {
- return;
- }
- }
- this.cfvalue.push({});
- this.disableaddbutton = 'disabled';
- },
- deleteField: function(index)
- {
- this.cfvalue.splice(index,1);
- this.disableaddbutton = false;
- this.update(this.cfvalue,this.name);
- },
- },
-})
-
-Vue.component('component-image', {
- props: ['id', 'description', 'maxlength', 'hidden', 'readonly', 'required', 'disabled', 'placeholder', 'label', 'name', 'type', 'value', 'errors'],
- template: '{{ description|translate }}
' +
- '{{ errors[name] }}
' +
- '{{ fielderrors }}
' +
- '' +
- '' +
- '' +
- '' +
- '
' +
- '' +
- '' +
- '' +
- ' ' +
- '
',
- data: function(){
- return {
- maxsize: 10, // megabyte
- imgpreview: false,
- showmedialib: false,
- load: false,
- quality: false,
- qualitylabel: false,
- }
- },
- methods: {
- getimagesrc: function(value)
- {
- if(value !== undefined && value !== null && value !== '')
- {
- var imgpreview = myaxios.defaults.baseURL + '/' + value;
- if(value.indexOf("media/live") > -1 )
- {
- this.quality = 'live';
- this.qualitylabel = 'switch quality to: original';
- }
- else if(value.indexOf("media/original") > -1)
- {
- this.quality = 'original';
- this.qualitylabel = 'switch quality to: live';
- }
- return imgpreview;
- }
- },
- update: function(value)
- {
- FormBus.$emit('forminput', {'name' : this.name, 'value' : value});
- },
- updatemarkdown: function(markdown, url)
- {
- /* is called from child component medialib */
- this.update(url);
- },
- createmarkdown: function(url)
- {
- /* is called from child component medialib */
- this.update(url);
- },
- deleteImage: function()
- {
- this.imgpreview = false;
- this.update('');
- },
- switchQuality: function(value)
- {
- if(value !== null && value !== '')
- {
- if(this.quality == 'live')
- {
- var newUrl = value.replace("media/live", "media/original");
- this.update(newUrl);
- this.quality = 'original';
- this.qualitylabel = 'switch quality to: live';
- }
- else
- {
- var newUrl = value.replace("media/original", "media/live");
- this.update(newUrl);
- this.quality = 'live';
- this.qualitylabel = 'switch quality to: original';
- }
- }
- },
- openmedialib: function()
- {
- this.showmedialib = true;
- },
- onFileChange: function( e )
- {
- if(e.target.files.length > 0)
- {
- let imageFile = e.target.files[0];
- let size = imageFile.size / 1024 / 1024;
-
- if (!imageFile.type.match('image.*'))
- {
- publishController.errors.message = "Only images are allowed.";
- }
- else if (size > this.maxsize)
- {
- publishController.errors.message = "The maximal size of images is " + this.maxsize + " MB";
- }
- else
- {
- sharedself = this;
-
- let reader = new FileReader();
- reader.readAsDataURL(imageFile);
- reader.onload = function(e)
- {
- sharedself.imgpreview = e.target.result;
-
- myaxios.post('/api/v1/image',{
- 'url': document.getElementById("path").value,
- 'image': e.target.result,
- 'name': imageFile.name,
- 'publish': true,
- 'csrf_name': document.getElementById("csrf_name").value,
- 'csrf_value': document.getElementById("csrf_value").value,
- })
- .then(function (response) {
- sharedself.update(response.data.name);
- })
- .catch(function (error)
- {
- sharedself.load = false;
- if(error.response)
- {
- publishController.errors.message = error.response.data.errors;
- }
- });
- }
- }
- }
- }
- },
-})
-
-Vue.component('component-file', {
- props: ['id', 'description', 'maxlength', 'hidden', 'readonly', 'required', 'disabled', 'placeholder', 'label', 'name', 'type', 'value', 'errors'],
- template: '' +
- '
' +
- '' +
- '
' +
- '' +
- '![]()
' +
- '
' +
- '' +
- '' +
- '
' +
- '' +
- ' ' +
- '
' +
- '{{ \'upload an image\'|translate }}
'+ - '' +
- '' +
- '
' +
- '' +
- '' +
- '
' +
- '' +
- '' +
- '' +
- '
' +
- '' +
- '' +
- '
' +
- '{{ description|translate }}
{{ errors[name] }}
' +
- '' +
- '
' +
- '' +
- '' +
- ' ' +
- '' +
- '
',
- data: function(){
- return {
- maxsize: 20, // megabyte
- showmedialib: false,
- fileid: '',
- load: false,
- userroles: ['all'],
- selectedrole: '',
- }
- },
- mounted: function(){
- this.getrestriction();
- },
- methods: {
- update: function(value)
- {
- FormBus.$emit('forminput', {'name' : this.name, 'value' : value});
- },
- updatemarkdown: function(markdown, url)
- {
- /* is called from child component medialib if file has been selected */
- this.update(url);
- this.getrestriction(url);
- },
- createmarkdown: function(url)
- {
- /* is called from child component medialib */
- this.update(url);
- },
- openmedialib: function()
- {
- this.showmedialib = true;
- },
- deleteFile: function()
- {
- this.update('');
- this.selectedrole = 'all';
- },
- getrestriction: function(url)
- {
- var filename = this.value;
- if(url)
- {
- filename = url;
- }
-
- var myself = this;
-
- myaxios.get('/api/v1/filerestrictions',{
- params: {
- 'url': document.getElementById("path").value,
- 'csrf_name': document.getElementById("csrf_name").value,
- 'csrf_value': document.getElementById("csrf_value").value,
- 'filename': filename,
- }
- })
- .then(function (response) {
- myself.userroles = ['all'];
- myself.userroles = myself.userroles.concat(response.data.userroles);
- myself.selectedrole = response.data.restriction;
- })
- .catch(function (error)
- {
- if(error.response)
- {
- }
- });
- },
- updaterestriction: function()
- {
- myaxios.post('/api/v1/filerestrictions',{
- 'url': document.getElementById("path").value,
- 'csrf_name': document.getElementById("csrf_name").value,
- 'csrf_value': document.getElementById("csrf_value").value,
- 'filename': this.value,
- 'role': this.selectedrole,
- })
- .then(function (response) {
-
- })
- .catch(function (error)
- {
- if(error.response)
- {
- }
- });
- },
- onFileChange: function( e )
- {
- if(e.target.files.length > 0)
- {
- let uploadedFile = e.target.files[0];
- let size = uploadedFile.size / 1024 / 1024;
-
- if (size > this.maxsize)
- {
- publishController.errors.message = "The maximal size of a file is " + this.maxsize + " MB";
- }
- else
- {
- sharedself = this;
-
- sharedself.load = true;
-
- let reader = new FileReader();
- reader.readAsDataURL(uploadedFile);
- reader.onload = function(e) {
- myaxios.post('/api/v1/file',{
- 'url': document.getElementById("path").value,
- 'file': e.target.result,
- 'name': uploadedFile.name,
- 'publish': true,
- 'csrf_name': document.getElementById("csrf_name").value,
- 'csrf_value': document.getElementById("csrf_value").value,
- })
- .then(function (response) {
- sharedself.load = false;
- sharedself.selectedrole = 'all';
- sharedself.update(response.data.info.url);
- })
- .catch(function (error)
- {
- sharedself.load = false;
- if(error.response)
- {
- publishController.errors.message = error.response.data.errors;
- }
- });
- }
- }
- }
- }
- }
-})
-
-const medialib = Vue.component('medialib', {
- props: ['parentcomponent'],
- template: '' +
- '
' +
- '' +
- '
' +
- '
' +
- '' +
- '' +
- '
' +
- '' +
- '' +
- '' +
- '
' +
- '' +
- '
' +
- '' +
- '' +
- '
' +
- '{{ \'upload\'|translate }}
' + - '' +
- '' +
- '
' +
- '' +
- '' +
- '' +
- '' +
- '
' +
- '' +
- '
',
- data: function(){
- return {
- imagedata: false,
- showimages: true,
- imagedetaildata: false,
- showimagedetails: false,
- filedata: false,
- showfiles: false,
- filedetaildata: false,
- showfiledetails: false,
- detailindex: false,
- load: false,
- baseurl: myaxios.defaults.baseURL,
- adminurl: false,
- search: '',
- errors: false,
- }
- },
- mounted: function(){
-
- if(this.parentcomponent == 'files')
- {
- this.showFiles();
- }
-
- this.errors = false;
- var self = this;
-
- myaxios.get('/api/v1/medialib/images',{
- params: {
- 'url': document.getElementById("path").value,
- 'csrf_name': document.getElementById("csrf_name").value,
- 'csrf_value': document.getElementById("csrf_value").value,
- }
- })
- .then(function (response)
- {
- self.imagedata = response.data.images;
- })
- .catch(function (error)
- {
- if(error.response)
- {
- self.errors = error.response.data.errors;
- }
- });
- },
- computed: {
- filteredImages() {
-
- var searchimages = this.search;
- var filteredImages = {};
- var images = this.imagedata;
- if(images)
- {
- Object.keys(images).forEach(function(key) {
- var searchindex = key + ' ' + images[key].name;
- if(searchindex.toLowerCase().indexOf(searchimages.toLowerCase()) !== -1)
- {
- filteredImages[key] = images[key];
- }
- });
- }
- return filteredImages;
- },
- filteredFiles() {
-
- var searchfiles = this.search;
- var filteredFiles = {};
- var files = this.filedata;
- if(files)
- {
- Object.keys(files).forEach(function(key) {
- var searchindex = key + ' ' + files[key].name;
- if(searchindex.toLowerCase().indexOf(searchfiles.toLowerCase()) !== -1)
- {
- filteredFiles[key] = files[key];
- }
- });
- }
- return filteredFiles;
- }
- },
- methods: {
- isImagesActive: function()
- {
- if(this.showimages)
- {
- return 'bg-tm-green white';
- }
- return 'bg-light-gray black';
- },
- isFilesActive: function()
- {
- if(this.showfiles)
- {
- return 'bg-tm-green white';
- }
- return 'bg-light-gray black';
- },
- closemedialib: function()
- {
- this.$parent.showmedialib = false;
- },
- getBackgroundImage: function(image)
- {
- return 'background-image: url(' + this.baseurl + '/' + image.src_thumb + ');width:250px';
- },
- getImageUrl(relativeUrl)
- {
- return this.baseurl + '/' + relativeUrl;
- },
- showImages: function()
- {
- this.errors = false;
- this.showimages = true;
- this.showfiles = false;
- this.showimagedetails = false;
- this.showfiledetails = false;
- this.imagedetaildata = false;
- this.detailindex = false;
- },
- showFiles: function()
- {
- this.showimages = false;
- this.showfiles = true;
- this.showimagedetails = false;
- this.showfiledetails = false;
- this.imagedetaildata = false;
- this.filedetaildata = false;
- this.detailindex = false;
-
- if(!this.files)
- {
- this.errors = false;
- var filesself = this;
-
- myaxios.get('/api/v1/medialib/files',{
- params: {
- 'url': document.getElementById("path").value,
- 'csrf_name': document.getElementById("csrf_name").value,
- 'csrf_value': document.getElementById("csrf_value").value,
- }
- })
- .then(function (response)
- {
- filesself.filedata = response.data.files;
- })
- .catch(function (error)
- {
- if(error.response)
- {
- filesself.errors = error.response.data.errors;
- }
- });
- }
- },
- showImageDetails: function(image,index)
- {
- this.errors = false;
- this.showimages = false;
- this.showfiles = false;
- this.showimagedetails = true;
- this.detailindex = index;
- this.adminurl = myaxios.defaults.baseURL + '/tm/content/visual';
-
- var imageself = this;
-
- myaxios.get('/api/v1/image',{
- params: {
- 'url': document.getElementById("path").value,
- 'name': image.name,
- 'csrf_name': document.getElementById("csrf_name").value,
- 'csrf_value': document.getElementById("csrf_value").value,
- }
- })
- .then(function (response)
- {
- imageself.imagedetaildata = response.data.image;
- })
- .catch(function (error)
- {
- if(error.response)
- {
- imageself.errors = error.response.data.errors;
- }
- });
- },
- showFileDetails: function(file,index)
- {
- this.errors = false;
- this.showimages = false;
- this.showfiles = false;
- this.showimagedetails = false;
- this.showfiledetails = true;
- this.detailindex = index;
-
- this.adminurl = myaxios.defaults.baseURL + '/tm/content/visual';
-
- var fileself = this;
-
- myaxios.get('/api/v1/file',{
- params: {
- 'url': document.getElementById("path").value,
- 'name': file.name,
- 'csrf_name': document.getElementById("csrf_name").value,
- 'csrf_value': document.getElementById("csrf_value").value,
- }
- })
- .then(function (response)
- {
- fileself.filedetaildata = response.data.file;
- })
- .catch(function (error)
- {
- if(error.response)
- {
- fileself.errors = error.response.data.errors;
- }
- });
- },
- selectImage: function(image)
- {
- this.showImages();
-
- if(this.parentcomponent == 'images')
- {
- var imgmarkdown = {target: {value: '' }};
-
- this.$parent.imgfile = image.src_live;
- this.$parent.imgpreview = this.baseurl + '/' + image.src_live;
- this.$parent.imgmeta = true;
-
- this.$parent.showmedialib = false;
-
- this.$parent.createmarkdown(image.src_live);
-/* this.$parent.updatemarkdown(imgmarkdown, image.src_live); */
- }
- if(this.parentcomponent == 'files')
- {
- var filemarkdown = {target: {value: '[' + image.name + '](' + image.src_live +'){.tm-download}' }};
-
- this.$parent.filemeta = true;
- this.$parent.filetitle = image.name;
-
- this.$parent.showmedialib = false;
-
- this.$parent.updatemarkdown(filemarkdown, image.src_live);
- }
- },
- selectFile: function(file)
- {
- /* if image component is open */
- if(this.parentcomponent == 'images')
- {
- var imgextensions = ['png','jpg', 'jpeg', 'gif', 'svg', 'webp'];
- if(imgextensions.indexOf(file.info.extension) == -1)
- {
- this.errors = "you cannot insert a file into an image component";
- return;
- }
- var imgmarkdown = {target: {value: '' }};
-
- this.$parent.imgfile = file.url;
- this.$parent.imgpreview = this.baseurl + '/' + file.url;
- this.$parent.imgmeta = true;
-
- this.$parent.showmedialib = false;
-
- this.$parent.createmarkdown(file.url);
-/* this.$parent.updatemarkdown(imgmarkdown, file.url);*/
- }
- if(this.parentcomponent == 'files')
- {
- var filemarkdown = {target: {value: '['+ file.name +']('+ file.url +'){.tm-download file-' + file.info.extension + '}' }};
-
- this.$parent.showmedialib = false;
-
- this.$parent.filemeta = true;
- this.$parent.filetitle = file.info.filename + ' (' + file.info.extension.toUpperCase() + ')';
-
- this.$parent.updatemarkdown(filemarkdown, file.url);
- }
- this.showFiles();
- },
- removeImage: function(index)
- {
- this.imagedata.splice(index,1);
- },
- removeFile: function(index)
- {
- this.filedata.splice(index,1);
- },
- deleteImage: function(image, index)
- {
- imageself = this;
-
- myaxios.delete('/api/v1/image',{
- data: {
- 'url': document.getElementById("path").value,
- 'name': image.name,
- 'index': index,
- 'csrf_name': document.getElementById("csrf_name").value,
- 'csrf_value': document.getElementById("csrf_value").value,
- }
- })
- .then(function (response)
- {
- imageself.showImages();
- imageself.removeImage(index);
- })
- .catch(function (error)
- {
- if(error.response)
- {
- imageself.errors = error.response.data.errors;
- }
- });
- },
- deleteFile: function(file, index)
- {
- fileself = this;
-
- myaxios.delete('/api/v1/file',{
- data: {
- 'url': document.getElementById("path").value,
- 'name': file.name,
- 'index': index,
- 'csrf_name': document.getElementById("csrf_name").value,
- 'csrf_value': document.getElementById("csrf_value").value,
- }
- })
- .then(function (response)
- {
- fileself.showFiles();
- fileself.removeFile(index);
- })
- .catch(function (error)
- {
- if(error.response)
- {
- fileself.errors = error.response.data.errors;
- }
- });
- },
- getDate(timestamp)
- {
- date = new Date(timestamp * 1000);
-
- datevalues = {
- 'year': date.getFullYear(),
- 'month': date.getMonth()+1,
- 'day': date.getDate(),
- 'hour': date.getHours(),
- 'minute': date.getMinutes(),
- 'second': date.getSeconds(),
- };
- return datevalues.year + '-' + datevalues.month + '-' + datevalues.day;
- },
- getSize(bytes)
- {
- var i = Math.floor(Math.log(bytes) / Math.log(1024)),
- sizes = ['B', 'KB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB'];
-
- return (bytes / Math.pow(1024, i)).toFixed(2) * 1 + ' ' + sizes[i];
- },
- isChecked: function(classname)
- {
- if(this.imgclass == classname)
- {
- return ' checked';
- }
- },
- },
-})
diff --git a/system/author/js/vue-userlist.js b/system/author/js/vue-userlist.js
deleted file mode 100644
index f3d20ff..0000000
--- a/system/author/js/vue-userlist.js
+++ /dev/null
@@ -1,268 +0,0 @@
-Vue.component('searchbox', {
- props: ['usernames', 'error'],
- data: function () {
- return {
- filter: 'username',
- searchterm: '',
- userroles: userroles,
- }
- },
- template: '' +
- '
' +
- '' +
- '' +
- '
' +
- '' +
- '' +
- '
' +
- '' +
- '' +
- '' +
- '' +
- ' ' +
- '' +
- ' ' +
- '
' +
- '{{errors}}
' +
- '' +
- '' +
- '
' +
- '' +
- '
' +
- '{{ image.name }}
' +
- '' +
- '' +
- '' +
- '
' +
- '' +
- '
' +
- '' +
- '' +
- '' +
- '
' +
- '' +
- '![]()
' +
- '
' +
- '' +
- '
' +
- 'Name
{{ imagedetaildata.name}}
' +
- 'URL
{{ getImageUrl(imagedetaildata.src_live)}}
' +
- '' +
- '
' +
- '' +
- '
' +
- 'Size
{{ getSize(imagedetaildata.bytes) }}
' +
- '' +
- '
' +
- 'Dimensions
{{ imagedetaildata.width }}x{{ imagedetaildata.height }} px
' +
- '' +
- '
' +
- 'Type
{{ imagedetaildata.type }}
' +
- '' +
- '
' +
- 'Date
{{ getDate(imagedetaildata.timestamp) }}
' +
- '' +
- '' +
- '' +
- '
' +
- '' +
- '' +
- '' +
- '' +
- '' +
- '
' +
- '' +
- '
' +
- '{{ file.name }}
' +
- '' +
- '' +
- '' +
- '
' +
- '' +
- '
' +
- '' +
- '' +
- '' +
- '
' +
- '' +
- '
' +
- '{{ filedetaildata.info.extension }}
' +
- '' +
- '
' +
- 'Name
{{ filedetaildata.name}}
' +
- 'URL
{{ filedetaildata.url}}
' +
- '' +
- '
' +
- '' +
- '
' +
- 'Size
{{ getSize(filedetaildata.bytes) }}
' +
- '' +
- '
' +
- 'Type
{{ filedetaildata.info.extension }}
' +
- '' +
- '
' +
- 'Date
{{ getDate(filedetaildata.timestamp) }}
' +
- '' +
- '' +
- '' +
- '
' +
- '' +
- '
',
- methods: {
- startSearch: function()
- {
- this.$root.error = false;
-
- if(this.searchterm.trim() != '')
- {
- if(this.searchterm.trim().length < 3)
- {
- this.$root.error = 'Please enter at least 3 characters';
- return;
- }
- this.$root.search(this.searchterm, this.filter);
- }
- },
- clearSearch: function()
- {
- this.$root.error = false;
- this.searchterm = '';
- this.$root.clear(this.filter);
- },
- setFilter: function(filter)
- {
- this.searchterm = '';
- this.filter = filter;
- if(filter == 'userrole')
- {
- this.searchterm = this.userroles[0];
- }
- },
- checkActive: function(filter)
- {
- if(this.filter == filter)
- {
- return 'filterbutton active';
- }
- return 'filterbutton';
- }
- }
-})
-
-Vue.component('usertable', {
- props: ['userdata'],
- template: '' +
- '' +
- '' +
- '' +
- '
' +
- '' +
- '' +
- '' +
- '' +
- '' +
- '
' +
- '{{error}}
' +
- 'You can use the asterisk (*) wildcard to search for name@* or *@domain.com.
' +
- '| Username | ' + - 'Userrole | ' + - 'Edit | ' + - '|
|---|---|---|---|
| {{ user.username }} | ' + - '{{ user.userrole }} | ' + - '{{ user.email }} | ' + - 'edit | ' + - '
-
-
- {% block content %}{% endblock %}
-
-
-
-
-
-
-
-
-
-
-
-
-
- {% block javascript %}{% endblock %}
-
- {{ assets.renderJS() }}
-
-
-
\ No newline at end of file
diff --git a/system/author/layouts/layoutAuth.twig b/system/author/layouts/layoutAuth.twig
deleted file mode 100644
index 9aeef5b..0000000
--- a/system/author/layouts/layoutAuth.twig
+++ /dev/null
@@ -1,43 +0,0 @@
-
-
-
-
-
-
- {% block content %}{% endblock %}
-
-
-
-
\ No newline at end of file
diff --git a/system/author/layouts/layoutBlank.twig b/system/author/layouts/layoutBlank.twig
deleted file mode 100644
index fb6b34a..0000000
--- a/system/author/layouts/layoutBlank.twig
+++ /dev/null
@@ -1,39 +0,0 @@
-
-
-
-
-
-
-
- {% block content %}{% endblock %}
-
-
-
-
-
-
\ No newline at end of file
diff --git a/system/author/layouts/layoutBlox.twig b/system/author/layouts/layoutBlox.twig
deleted file mode 100644
index f20438a..0000000
--- a/system/author/layouts/layoutBlox.twig
+++ /dev/null
@@ -1,82 +0,0 @@
-
-
-
-
-
-
-
- {% block content %}{% endblock %}
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- {{ assets.renderEditorJS() }}
-
-
- {% if item.elementType == "folder" %}
-
- {% else %}
-
- {% endif %}
-
-
-
-
-
-
- {{ assets.renderJS() }}
-
-
-
\ No newline at end of file
diff --git a/system/author/layouts/layoutEditor.twig b/system/author/layouts/layoutEditor.twig
deleted file mode 100644
index 08e95f4..0000000
--- a/system/author/layouts/layoutEditor.twig
+++ /dev/null
@@ -1,79 +0,0 @@
-
-
-
-
-
-
-
- {% block content %}{% endblock %}
-
-
-
-
-
-
-
-
-
-
-
-
- {{ assets.renderEditorJS() }}
-
-
- {% if item.elementType == "folder" %}
-
- {% else %}
-
- {% endif %}
-
-
-
-
-
-
- {{ assets.renderJS() }}
-
-
-
\ No newline at end of file
diff --git a/system/author/metatabs.yaml b/system/author/metatabs.yaml
deleted file mode 100644
index 60cfcbf..0000000
--- a/system/author/metatabs.yaml
+++ /dev/null
@@ -1,104 +0,0 @@
-meta:
- fields:
- navtitle:
- type: text
- label: Navigation Title
- class: large
- maxlength: 60
- fieldsetcontent:
- type: fieldset
- legend: Meta-Content
- fields:
- title:
- type: text
- label: Meta title
- maxlength: 100
- class: large
- description:
- type: textarea
- label: Meta description
- size: 160
- class: large
- description: If not filled, the description is extracted from content.
- heroimage:
- type: image
- label: Hero Image
- description: Maximum size for an image is 5 MB. Hero images are not supported by all themes.
- heroimagealt:
- type: text
- label: Alternative Text for the hero image
- fieldsetvisibility:
- type: fieldset
- legend: Visibility
- fields:
- hide:
- type: checkbox
- label: Hide
- checkboxlabel: Hide page from navigation
- class: medium
- noindex:
- type: checkbox
- label: Noindex
- checkboxlabel: Add noindex tag and exclude from sitemap
- class: medium
- fieldsetauthor:
- type: fieldset
- legend: Author
- fields:
- owner:
- type: text
- label: owner (username)
- class: medium
- description: Has edit rights for this article.
- author:
- type: text
- label: author
- class: medium
- description: Can be used for author line in frontend.
- fieldsetrights:
- type: fieldset
- legend: Access & Rights
- fields:
- allowedrole:
- type: select
- label: For access the user must have this minimum role
- class: medium
- dataset: userroles
- options:
- description: Select the lowest userrole. Higher roles will have access too.
- alloweduser:
- type: text
- label: Only the following users have access
- class: medium
- description: Add one or more usernames separated with comma.
- fieldsetpubdate:
- type: fieldset
- legend: Article Date
- fields:
- manualdate:
- type: date
- label: Manual date
- modified:
- type: date
- label: Last modified live (readonly)
- readonly: readonly
- class: medium
- description: Used as fallback when no manual date is set.
- created:
- type: date
- label: Created at (read only)
- readonly: readonly
- class: medium
- time:
- type: text
- readonly: readonly
- hidden: true
- class: hidden
- pattern: '[0-9][0-9]-[0-9][0-9]-[0-9][0-9]'
- contains:
- type: radio
- label: This folder contains
- class: medium
- options:
- pages: PAGES (sort in navigation with drag & drop)
- posts: POSTS (sorted by publish date, for news or blogs)
\ No newline at end of file
diff --git a/system/author/partials/aside.twig b/system/author/partials/aside.twig
deleted file mode 100644
index b403e60..0000000
--- a/system/author/partials/aside.twig
+++ /dev/null
@@ -1,12 +0,0 @@
-
\ No newline at end of file
diff --git a/system/author/partials/editorNavi.twig b/system/author/partials/editorNavi.twig
deleted file mode 100644
index a7d4a0c..0000000
--- a/system/author/partials/editorNavi.twig
+++ /dev/null
@@ -1,114 +0,0 @@
-
-
-{% verbatim %}
-
-
-
-{% endverbatim %}
\ No newline at end of file
diff --git a/system/author/partials/fields.twig b/system/author/partials/fields.twig
deleted file mode 100644
index 2b49483..0000000
--- a/system/author/partials/fields.twig
+++ /dev/null
@@ -1,112 +0,0 @@
-
-
-
-
- {% if field.type == 'image' %}
-
\ No newline at end of file
diff --git a/system/author/partials/flash.twig b/system/author/partials/flash.twig
deleted file mode 100644
index b9aa4a6..0000000
--- a/system/author/partials/flash.twig
+++ /dev/null
@@ -1,31 +0,0 @@
-{% if flash.getMessage('info') %}
-
-
-
-
- {% else %}
-
- {% if field.type == 'textarea' %}
-
- {% if field.name == 'publicformdefinitions' %}
-
-
-
-
- {% else %}
-
-
-
- {% endif %}
-
- {% elseif field.type == 'paragraph' %}
-
- {{ markdown(field.getContent()) }}
-
- {% elseif field.type == 'checkbox' %}
-
-
-
- {% elseif field.type == 'checkboxlist' %}
-
- {% set options = field.getOptions() %}
-
- {% for value,label in options %}
-
-
-
- {% endfor %}
-
- {% elseif field.type == 'select' %}
-
- {% set options = field.getOptions() %}
-
-
-
- {% elseif field.type == 'radio' %}
-
- {% set options = field.getOptions() %}
-
- {% for value,label in options %}
-
-
-
- {% endfor %}
-
- {% else %}
-
-
-
- {% endif %}
-
- {% if field.description %}
-
-
- 
-
-
-
-
-
-
- {{ __('Upload an image') }}
-
-
-
- {% if errors[itemName][field.name] %}
-
-
-
-
- {{ errors[itemName][field.name] | first }}
- {% endif %}
-
- {% if field.description %}{{ __(field.description) }}
{% endif %}
-
- {{ __(field.description) }}
{% endif %}
-
- {% if errors[itemName][field.name] %}
- {{ errors[itemName][field.name] | first }}
- {% endif %}
-
- {% endif %}
-
-
- {{ __(flash.getMessage('info') | first) }}
-
-
-{% endif %}
-
-{% if messages.info %}
-
-
- {{ __(messages.info | first) }}
-
-
-{% endif %}
-
-{% if flash.getMessage('error') %}
-
-
- {{ __(flash.getMessage('error') | first) }}
-
-
-{% endif %}
-
-{% if messages.error %}
-
-
- {{ __(messages.error | first) }}
-
-
-{% endif %}
\ No newline at end of file
diff --git a/system/author/partials/form.twig b/system/author/partials/form.twig
deleted file mode 100644
index e8cdbdb..0000000
--- a/system/author/partials/form.twig
+++ /dev/null
@@ -1,58 +0,0 @@
-{% if recaptcha_webkey %}
-
-
-
-{% endif %}
-
\ No newline at end of file
diff --git a/system/author/partials/navi.twig b/system/author/partials/navi.twig
deleted file mode 100644
index de04e0c..0000000
--- a/system/author/partials/navi.twig
+++ /dev/null
@@ -1,20 +0,0 @@
-{% set content = (current_url matches '/content.*/') ? true : false %}
-
-
\ No newline at end of file
diff --git a/system/author/partials/symbols.twig b/system/author/partials/symbols.twig
deleted file mode 100644
index 0b5d0c6..0000000
--- a/system/author/partials/symbols.twig
+++ /dev/null
@@ -1,182 +0,0 @@
-
diff --git a/system/author/settings/blank.twig b/system/author/settings/blank.twig
deleted file mode 100644
index dca410a..0000000
--- a/system/author/settings/blank.twig
+++ /dev/null
@@ -1,17 +0,0 @@
-{% extends 'layouts/layout.twig' %}
-{% block title %}Blank{% endblock %}
-
-{% block content %}
-
-
-
-
- {{ content }}
-
-
-
- {{ csrf_field() | raw }}
-
-
-
-{% endblock %}
\ No newline at end of file
diff --git a/system/author/settings/plugins.twig b/system/author/settings/plugins.twig
deleted file mode 100644
index 8f9e1d0..0000000
--- a/system/author/settings/plugins.twig
+++ /dev/null
@@ -1,93 +0,0 @@
-{% extends 'layouts/layout.twig' %}
-{% block title %}{{ __('Setup') }}{% endblock %}
-{% set startpage = old.settings.startpage ? old.settings.startpage : settings.startpage %}
-
-{% block content %}
-
-
-
-
-
-
-
-
-
-{% endblock %}
\ No newline at end of file
diff --git a/system/author/settings/system.twig b/system/author/settings/system.twig
deleted file mode 100644
index 346caae..0000000
--- a/system/author/settings/system.twig
+++ /dev/null
@@ -1,326 +0,0 @@
-{% extends 'layouts/layout.twig' %}
-{% block title %}{{ __('Setup') }}{% endblock %}
-{% set startpage = old.settings.startpage ? old.settings.startpage : settings.startpage %}
-{% set linebreaks = old.settings.linebreaks ? old.settings.linebreaks : settings.linebreaks %}
-{% set year = settings.year ? settings.year : "now"|date("Y") %}
-{% set mylang = settings.language ? settings.language : locale %}
-{% set mycopy = settings.copyright ? settings.copyright : "@" %}
-
-{% block content %}
-
-
-
-
-
-
-{% endblock %}
\ No newline at end of file
diff --git a/system/author/settings/themes.twig b/system/author/settings/themes.twig
deleted file mode 100644
index c2189c5..0000000
--- a/system/author/settings/themes.twig
+++ /dev/null
@@ -1,93 +0,0 @@
-{% extends 'layouts/layout.twig' %}
-{% block title %}{{ __('Setup') }}{% endblock %}
-{% set startpage = old.settings.startpage ? old.settings.startpage : settings.startpage %}
-
-{% block content %}
-
-
-
-
-
-
-
-
- {% for themeName, theme in themes %}
-
-
-
- {% endfor %}
-
-
-
-
-
-
-
-{% endblock %}
\ No newline at end of file
diff --git a/system/author/settings/user.twig b/system/author/settings/user.twig
deleted file mode 100644
index bfbce1d..0000000
--- a/system/author/settings/user.twig
+++ /dev/null
@@ -1,71 +0,0 @@
-{% extends 'layouts/layout.twig' %}
-{% block title %}{{ __('User') }}{% endblock %}
-
-{% block content %}
-
- {{ __('Themes') }}
- {{ __('Theme Store') }} -
-
-
-
-
-
-
-
-{% endblock %}
diff --git a/system/author/settings/userlist.twig b/system/author/settings/userlist.twig
deleted file mode 100644
index 41b6284..0000000
--- a/system/author/settings/userlist.twig
+++ /dev/null
@@ -1,44 +0,0 @@
-{% extends 'layouts/layout.twig' %}
-{% block title %}{{ __('User') }}{% endblock %}
-
-{% block content %}
-
-
-
- X
-
-
-
-
-
-
-
-
-
-
-
-
-{% endblock %}
diff --git a/system/author/settings/userlistvue.twig b/system/author/settings/userlistvue.twig
deleted file mode 100644
index eb0fde3..0000000
--- a/system/author/settings/userlistvue.twig
+++ /dev/null
@@ -1,53 +0,0 @@
-{% extends 'layouts/layout.twig' %}
-{% block title %}{{ __('User') }}{% endblock %}
-
-{% block content %}
-
- {{ __('All Users') }}
--
-
-
-
-
-
-{% endblock %}
\ No newline at end of file
diff --git a/system/system.php b/system/system.php
deleted file mode 100644
index 62829c7..0000000
--- a/system/system.php
+++ /dev/null
@@ -1,329 +0,0 @@
-getContainer();
-
-/************************
-* Create URI *
-************************/
-
-# get uri and delete username and password from uri
-$uri = \Slim\Http\Uri::createFromEnvironment(new \Slim\Http\Environment($_SERVER))->withUserInfo('');
-
-/************************
-* LOAD & UPDATE PLUGINS *
-************************/
-
-$plugins = new Typemill\Plugins();
-$pluginNames = $plugins->load();
-$pluginSettings = $routes = $middleware = array();
-
-foreach($pluginNames as $pluginName)
-{
- $className = $pluginName['className'];
- $name = $pluginName['name'];
-
- # check if plugin is in the settings already
- if(isset($settings['settings']['plugins'][$name]))
- {
- # if so, add the settings to temporary plugin settings
- $pluginSettings[$name] = $settings['settings']['plugins'][$name];
-
- # and delete them from original settings
- unset($settings['settings']['plugins'][$name]);
- }
- else
- {
- # if not, it is a new plugin. Add it and set active to false
- $pluginSettings[$name] = ['active' => false];
-
- # and set flag to refresh the settings
- $refreshSettings = true;
- }
-
- # if the plugin is activated, add routes/middleware and add plugin as event subscriber
- if($pluginSettings[$name]['active'])
- {
- $routes = $plugins->getNewRoutes($className, $routes);
- $middleware = $plugins->getNewMiddleware($className, $middleware);
-
- $dispatcher->addSubscriber(new $className($container));
- }
-}
-
-# if plugins in original settings are not empty now, then a plugin has been removed
-if(!empty($settings['settings']['plugins'])){ $refreshSettings = true; }
-
-# update the settings in all cases
-$settings['settings']['plugins'] = $pluginSettings;
-
-# if plugins have been added or removed
-if(isset($refreshSettings))
-{
- # update the settings in the container
- $container->get('settings')->replace($settings['settings']);
-
- # update stored settings file
- $refreshSettings = Typemill\settings::updateSettings($settings['settings']);
-}
-
-# dispatch the event onPluginsLoaded
-$dispatcher->dispatch('onPluginsLoaded', new OnPluginsLoaded($pluginNames));
-
-# dispatch settings event and get all setting-updates from plugins
-$dispatcher->dispatch('onSettingsLoaded', new OnSettingsLoaded($settings))->getData();
-
-
-/**********************************
-* LOAD ROLES AND PERMISSIONS *
-**********************************/
-
-# load roles and permissions
-$rolesAndPermissions = Typemill\Settings::loadRolesAndPermissions();
-
-# dispatch roles so plugins can enhance them
-$rolesAndPermissions = $dispatcher->dispatch('onRolesPermissionsLoaded', new OnRolesPermissionsLoaded($rolesAndPermissions))->getData();
-
-# load resources
-$resources = Typemill\Settings::loadResources();
-
-# dispatch roles so plugins can enhance them
-$resources = $dispatcher->dispatch('onResourcesLoaded', new OnResourcesLoaded($resources))->getData();
-
-# create acl-object
-$acl = Typemill\Settings::createAcl($rolesAndPermissions, $resources);
-
-# add acl to container
-$container['acl'] = function($c) use ($acl)
-{
- return $acl;
-};
-
-/******************************
-* ADD DISPATCHER TO CONTAINER *
-******************************/
-
-$container['dispatcher'] = function($container) use ($dispatcher)
-{
- return $dispatcher;
-};
-
-/************************
-* DECIDE FOR SESSION *
-************************/
-
-$session_segments = array('setup', 'tm/', 'api/', '/setup', '/tm/', '/api/');
-
-# let plugins add own segments for session, eg. to enable csrf for forms
-$client_segments = $dispatcher->dispatch('onSessionSegmentsLoaded', new OnSessionSegmentsLoaded([]))->getData();
-$session_segments = array_merge($session_segments, $client_segments);
-
-$container['flash'] = false;
-$container['csrf'] = false;
-
-
-/************************************
-* ADD ASSET-FUNCTION FOR PLUGINS *
-************************************/
-
-$container['assets'] = function($c) use ($uri)
-{
- return new \Typemill\Assets($uri->getBaseUrl());
-};
-
-/********************************
-* MOVE TO MIDDLEWARE NEXT TIME *
-********************************/
-
-# if website is restricted to registered user
-if( ( isset($settings['settings']['access']) && $settings['settings']['access'] ) || ( isset($settings['settings']['pageaccess']) && $settings['settings']['pageaccess'] ) )
-{
- # activate session for all routes
- $session_segments = [$uri->getPath()];
-}
-
-foreach($session_segments as $segment)
-{
- if(substr( $uri->getPath(), 0, strlen($segment) ) === $segment)
- {
- // configure session
- ini_set('session.cookie_httponly', 1 );
- ini_set('session.use_strict_mode', 1);
- ini_set('session.cookie_samesite', 'lax');
- if($uri->getScheme() == 'https')
- {
- ini_set('session.cookie_secure', 1);
- session_name('__Secure-typemill-session');
- }
- else
- {
- session_name('typemill-session');
- }
-
- // add csrf-protection
- $container['csrf'] = function ($c)
- {
- $guard = new \Slim\Csrf\Guard();
- $guard->setPersistentTokenMode(true);
- $guard->setfailurecallable(function ($request, $response, $next)
- {
- $request = $request->withattribute("csrf_result", false);
- return $next($request, $response);
- });
-
- return $guard;
- };
-
- // add flash to container
- $container['flash'] = function ()
- {
- return new \Slim\Flash\Messages();
- };
-
- // start session
- session_start();
- }
-}
-
-/************************
-* LOAD TWIG VIEW *
-************************/
-
-$container['view'] = function ($container) use ($uri)
-{
- $path = array($container->get('settings')['themePath'], $container->get('settings')['authorPath']);
-
- $cache = ( isset($container->get('settings')['twigcache']) && $container->get('settings')['twigcache'] ) ? $container->get('settings')['rootPath'] . '/cache/twig' : false;
-
- $view = new \Slim\Views\Twig( $path, [
- 'cache' => $cache,
- 'autoescape' => false,
- 'debug' => true
- ]);
-
- # Instantiate and add Slim specific extension
- $router = $container->get('router');
-
- $view->addExtension(new Slim\Views\TwigExtension($router, $uri));
- $view->addExtension(new Twig_Extension_Debug());
- $view->addExtension(new Typemill\Extensions\TwigUserExtension());
- $view->addExtension(new Typemill\Extensions\TwigMarkdownExtension());
- $view->addExtension(new Typemill\Extensions\TwigMetaExtension());
- $view->addExtension(new Typemill\Extensions\TwigPagelistExtension());
-
- # if session route, add flash messages and csrf-protection
- if($container['flash'])
- {
- $view->getEnvironment()->addGlobal('flash', $container->flash);
- $view->addExtension(new Typemill\Extensions\TwigCsrfExtension($container['csrf']));
- $view->addExtension(new Typemill\Extensions\TwigCaptchaExtension());
- }
-
- /******************************
- * LOAD TRANSLATIONS *
- ******************************/
- $pieces = explode('/',trim($uri->getPath(),'/'));
- if( ($pieces[0] === 'tm' OR $pieces[0] === 'setup') )
- {
- # Admin environment labels
- $labels = Typemill\Translations::loadTranslations('admin');
- } else {
- # User environment labels
- # For now it is useless, but it will prove useful in the future
- $labels = Typemill\Translations::loadTranslations('user');
- }
- $view['translations'] = $labels;
- $view->addExtension(new Typemill\Extensions\TwigLanguageExtension( $labels ));
-
- return $view;
-};
-
-/************************
-* ADD MIDDLEWARE *
-************************/
-
-foreach($middleware as $pluginMiddleware)
-{
- $middlewareClass = $pluginMiddleware['classname'];
- $middlewareParams = $pluginMiddleware['params'];
- if(class_exists($middlewareClass))
- {
- $app->add(new $middlewareClass($middlewareParams));
- }
-}
-
-if($container['flash'])
-{
- $app->add(new \Typemill\Middleware\ValidationErrorsMiddleware($container['view']));
- $app->add(new \Typemill\Middleware\SecurityMiddleware($container['router'], $container['settings'], $container['flash']));
- $app->add(new \Typemill\Middleware\OldInputMiddleware($container['view']));
- $app->add($container->get('csrf'));
-}
-
-/********************************
-* ASSET MIDDLEWARE FOR TWIG *
-********************************/
-
-$app->add(new \Typemill\Middleware\assetMiddleware($container));
-
-/********************************
-* PROXY DETECTION FOR REQUEST *
-********************************/
-
-if(isset($settings['settings']['proxy']) && $settings['settings']['proxy'])
-{
- $trustedProxies = ( isset($settings['settings']['trustedproxies']) && !empty($settings['settings']['trustedproxies']) ) ? explode(",", $settings['settings']['trustedproxies']) : [];
- $app->add(new RKA\Middleware\ProxyDetection($trustedProxies));
-}
-
-/************************
-* ADD ROUTES *
-************************/
-
-require __DIR__ . '/Routes/Api.php';
-require __DIR__ . '/Routes/Web.php';
\ No newline at end of file
diff --git a/typemill.png b/typemill.png
new file mode 100644
index 0000000..917ec53
Binary files /dev/null and b/typemill.png differ