Commit 7e545dcb authored by Mark Siy's avatar Mark Siy

Transport the template generator page to limitless design interface

parent c5b13d89
......@@ -8,11 +8,12 @@
],
"license":"MIT",
"require":{
"php":"^7.2",
"fideloper/proxy":"^4.0",
"laravel/framework":"^6.2",
"laravel/tinker":"^2.0",
"nexus/ninox-api":"dev-master"
"php": "^7.2",
"fideloper/proxy": "^4.0",
"laravel/framework": "^6.2",
"laravel/tinker": "^2.0",
"nexus/limitless-design": "dev-master",
"nexus/ninox-api": "dev-master"
},
"require-dev":{
"facade/ignition":"^1.4",
......@@ -65,6 +66,10 @@
{
"type":"git",
"url":"git@gitlab.bugsmasher.online:nexus/packages/ninox-api.git"
},
{
"type":"git",
"url":"git@gitlab.bugsmasher.online:nexus/packages/limitless-design.git"
}
]
}
......@@ -161,6 +161,7 @@ return [
Illuminate\Translation\TranslationServiceProvider::class,
Illuminate\Validation\ValidationServiceProvider::class,
Illuminate\View\ViewServiceProvider::class,
Nexus\Limitless\LimitlessServiceProvider::class,
/*
* Package Service Providers...
......
.full-height {
height: 100vh;
}
.flex-center {
align-items: center;
display: flex;
justify-content: center;
}
.position-ref {
position: relative;
}
.top-right {
position: absolute;
right: 10px;
top: 18px;
}
.titleContainer {
width: 100%;
margin: auto;
text-align: left;
margin-bottom: 30px;
}
.title {
font-size: 84px;
}
.links > a {
color: #636b6f;
padding: 0 25px;
font-size: 13px;
font-weight: 600;
letter-spacing: .1rem;
text-decoration: none;
text-transform: uppercase;
}
.m-b-md {
margin-bottom: 30px;
}
.sortable {
list-style-type: none;
padding: 0;
margin-top: 20px;
}
.sortable li { margin: 0 3px 10px 3px; padding: 0.4em; padding-left: 1.5em; padding-right: 1.5em; font-size: 20px; padding-bottom: 20px; }
.sortable li span { position: absolute; margin-left: -1.3em; }
#addTitleButton {
width: 100%;
}
#copyHtmlCodeButton {
display:none;
margin-top:20px;
margin-bottom:30px;
width: 100%;
}
.titleTextBox {
font-size: 14px;
width: 100%;
margin-top: -10px;
font-weight: bold;
}
.titleLabel {
font-size: 20px;
}
.itemBox {
width: 99%;
display: block;
margin: auto;
margin-left: 0px;
resize: none;
font-size:14px;
overflow:hidden;
}
.titleCloseIcon {
display: block;
margin-top: -17px;
}
.itemCloseIcon {
display: block;
margin-left: 100.8%;
}
#htmlTextBox{
display: none;
}
.itemButtons {
margin-right: 4px;
margin-bottom: 4px;
}
.itemLabel {
font-size: 18px;
}
This diff is collapsed.
{{-- Master --}}
@extends('limitless::master')
{{-- Basics --}}
@section('limitless::title', 'Limitless Design')
@section('limitless::titleurl', 'https://google.de')
@section('limitless::language', 'en')
@section('limitless::largelogo', 'https://cdn.backoffice.online/limitless/Template/global_assets/images/logo_light.png')
@section('limitless::smalllogo', 'https://cdn.backoffice.online/limitless/Template/global_assets/images/logo_icon_light.png')
@section('limitless::mobilelogo', 'https://cdn.backoffice.online/limitless/Template/global_assets/images/logo_dark.png')
{{-- Assets --}}
@section('limitless::assets')
{{-- Javascript --}}
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.min.js"></script>
<script src="@limitless::publish( base_path().'/resources/views/generator/generator.js' )"></script>
{{-- Stylesheet--}}
{{-- <link href="https://fonts.googleapis.com/css?family=Nunito:200,600" rel="stylesheet"> --}}
<link href="https://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css" rel="stylesheet">
<link rel="stylesheet" href="@limitless::publish( base_path().'/resources/views/generator/generator.css' )">
{{-- Inline --}}
<script>
console.log('Add some custom javascript here...');
</script>
@endsection
{{-- Navigation --}}
@section('limitless::navigation')
@limitless::navigationitem(['url' => 'https://google.de', 'icon' => 'icon-home8', 'target' => '_blank', 'title' => 'One'])
@limitless::navigationitem(['url' => 'https://google.de', 'icon' => 'icon-home8', 'target' => '_blank', 'title' => 'Two'])
@limitless::navigationdevider
@limitless::navigationsubmenu(['icon' => 'icon-home8', 'title' => 'Submenu'])
@limitless::navigationitem(['url' => 'https://google.de', 'icon' => 'icon-home8', 'target' => '_self', 'title' => 'Three'])
@limitless::navigationitem(['url' => 'https://google.de', 'icon' => 'icon-home8', 'target' => '_self', 'title' => 'Four'])
@limitless::navigationsubmenu(['icon' => 'icon-home8', 'title' => 'Submenu'])
@limitless::navigationitem(['url' => 'https://google.de', 'icon' => 'icon-home8', 'target' => '_self', 'title' => 'Five'])
@limitless::navigationitem(['url' => 'https://google.de', 'icon' => 'icon-home8', 'target' => '_self', 'title' => 'Six'])
@limitless::endnavigationsubmenu
@limitless::endnavigationsubmenu
@limitless::navigationdevider
@endsection
{{-- Content --}}
@section('limitless::content')
<div id="mainContainer"></div>
<button id="addTitleButton" type="button" class="btn btn-primary"><i class="icon-plus3 mr-2"></i>Title</button>
<button id="copyHtmlCodeButton" type="button" class="btn btn-success"><i class="icon-copy mr-2"></i>Copy HTML to Clipboard</button>
<textarea id="htmlTextBox"></textarea>
@endsection
{{-- Footer --}}
@section('limitless::footer')
@limitless::copyright('Copyright © '.date('Y').' IT-Max GmbH')
@limitless::footermenu
@limitless::footeritem(['url' => 'https://google.de', 'icon' => 'icon-home8', 'target' => '_self', 'title' => 'Navigation Item'])
@limitless::footeritem(['url' => 'https://google.de', 'icon' => 'icon-home8', 'target' => '_self', 'title' => 'Navigation Item'])
@limitless::endfootermenu
@endsection
<!DOCTYPE html>
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Laravel</title>
<!-- Fonts -->
<link href="https://fonts.googleapis.com/css?family=Nunito:200,600" rel="stylesheet">
<!-- Styles -->
<style>
html, body {
background-color: #fff;
color: #636b6f;
font-family: 'Nunito', sans-serif;
font-weight: 200;
height: 100vh;
margin: 0;
}
.full-height {
height: 100vh;
}
.flex-center {
align-items: center;
display: flex;
justify-content: center;
}
.position-ref {
position: relative;
}
.top-right {
position: absolute;
right: 10px;
top: 18px;
}
.content {
text-align: center;
}
.title {
font-size: 84px;
}
.links > a {
color: #636b6f;
padding: 0 25px;
font-size: 13px;
font-weight: 600;
letter-spacing: .1rem;
text-decoration: none;
text-transform: uppercase;
}
.m-b-md {
margin-bottom: 30px;
}
</style>
</head>
<body>
<div class="flex-center position-ref full-height">
@if (Route::has('login'))
<div class="top-right links">
@auth
<a href="{{ url('/home') }}">Home</a>
@else
<a href="{{ route('login') }}">Login</a>
@if (Route::has('register'))
<a href="{{ route('register') }}">Register</a>
@endif
@endauth
</div>
@endif
<div class="content">
<div class="title m-b-md">
Laravel
</div>
<div class="links">
<a href="https://laravel.com/docs">Docs</a>
<a href="https://laracasts.com">Laracasts</a>
<a href="https://laravel-news.com">News</a>
<a href="https://blog.laravel.com">Blog</a>
<a href="https://nova.laravel.com">Nova</a>
<a href="https://forge.laravel.com">Forge</a>
<a href="https://vapor.laravel.com">Vapor</a>
<a href="https://github.com/laravel/laravel">GitHub</a>
</div>
</div>
</div>
</body>
</html>
......@@ -12,5 +12,5 @@
*/
Route::get('/', function () {
return view('welcome');
return view('generator/index');
});
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment