Chris
7 years ago
24 changed files with 824 additions and 43759 deletions
File diff suppressed because it is too large
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@ -1,4 +1,4 @@ |
|||||
{ |
{ |
||||
"/js/app.js": "/js/app.js?id=068e51303377c8c7b893", |
"/css/app.css": "/css/app.css?id=b9e76574bf93ad55c746", |
||||
"/css/app.css": "/css/app.css?id=e2a8c3c0352639070f5c" |
"/js/app.js": "/js/app.js?id=b9bd881783c66c420371" |
||||
} |
} |
||||
@ -1,22 +1,7 @@ |
|||||
|
$.when( $.ready ).then(function() { |
||||
/** |
$('.color-picker').each( function( i, elem ) { |
||||
* First we will load all of this project's JavaScript dependencies which |
var hueb = new Huebee( elem, { |
||||
* includes Vue and other libraries. It is a great starting point when |
// options
|
||||
* building robust, powerful web applications using Vue and Laravel. |
}); |
||||
*/ |
}); |
||||
|
|
||||
require('./bootstrap'); |
|
||||
|
|
||||
window.Vue = require('vue'); |
|
||||
|
|
||||
/** |
|
||||
* Next, we will create a fresh Vue application instance and attach it to |
|
||||
* the page. Then, you may begin adding components to this application |
|
||||
* or customize the JavaScript scaffolding to fit your unique needs. |
|
||||
*/ |
|
||||
|
|
||||
Vue.component('example-component', require('./components/ExampleComponent.vue')); |
|
||||
|
|
||||
const app = new Vue({ |
|
||||
el: '#app' |
|
||||
}); |
}); |
||||
File diff suppressed because one or more lines are too long
@ -0,0 +1,83 @@ |
|||||
|
/*! Huebee v2.0.0 |
||||
|
http://huebee.buzz |
||||
|
---------------------------------------------- */ |
||||
|
|
||||
|
.huebee { |
||||
|
position: absolute; |
||||
|
z-index: 1; |
||||
|
transform: translateY(0px); |
||||
|
transition: opacity 0.15s, transform 0.15s; |
||||
|
} |
||||
|
|
||||
|
.huebee.is-hidden { |
||||
|
opacity: 0; |
||||
|
transform: translateY(10px); |
||||
|
} |
||||
|
|
||||
|
.huebee.is-static-open { |
||||
|
position: relative; |
||||
|
z-index: auto; |
||||
|
} |
||||
|
|
||||
|
.huebee__container { |
||||
|
position: absolute; |
||||
|
left: 0; |
||||
|
top: 5px; |
||||
|
padding: 10px; |
||||
|
background: #EEE; |
||||
|
border-radius: 5px; |
||||
|
box-shadow: 0 5px 10px hsla(0, 0%, 0%, 0.3); |
||||
|
} |
||||
|
|
||||
|
.huebee.is-static-open .huebee__container { |
||||
|
position: relative; |
||||
|
display: inline-block; |
||||
|
left: auto; |
||||
|
top: auto; |
||||
|
box-shadow: none; |
||||
|
} |
||||
|
|
||||
|
.huebee__canvas { |
||||
|
display: block; |
||||
|
cursor: pointer; |
||||
|
} |
||||
|
|
||||
|
.huebee__cursor { |
||||
|
width: 15px; |
||||
|
height: 15px; |
||||
|
position: absolute; |
||||
|
left: 0px; |
||||
|
top: 0px; |
||||
|
box-sizing: content-box; |
||||
|
border: 3px solid white; |
||||
|
border-radius: 5px; |
||||
|
pointer-events: none; |
||||
|
} |
||||
|
|
||||
|
.huebee__cursor.is-hidden { opacity: 0; } |
||||
|
|
||||
|
.huebee__close-button { |
||||
|
display: block; |
||||
|
position: absolute; |
||||
|
width: 24px; |
||||
|
height: 24px; |
||||
|
top: -9px; |
||||
|
right: -9px; |
||||
|
border-radius: 12px; |
||||
|
background: #222; |
||||
|
} |
||||
|
|
||||
|
.huebee__close-button__x { |
||||
|
stroke: white; |
||||
|
stroke-width: 3; |
||||
|
stroke-linecap: round; |
||||
|
} |
||||
|
|
||||
|
.huebee__close-button:hover { |
||||
|
background: white; |
||||
|
cursor: pointer; |
||||
|
} |
||||
|
|
||||
|
.huebee__close-button:hover .huebee__close-button__x { |
||||
|
stroke: #222; |
||||
|
} |
||||
@ -1,31 +1,9 @@ |
|||||
@extends('app') |
@extends('app') |
||||
|
|
||||
@section('content') |
@section('content') |
||||
<form action="{{ route('items.store') }}" class="create" method="post" /> |
|
||||
<section class="module-container"> |
|
||||
<header> |
|
||||
<div class="section-title">Add application</div> |
|
||||
<div class="module-actions"> |
|
||||
<button type="submit"class="button"><i class="fa fa-plus"></i><span>Save</span></button> |
|
||||
</div> |
|
||||
</header> |
|
||||
<div class="create"> |
|
||||
{!! csrf_field() !!} |
|
||||
<div class="input"> |
|
||||
<label>Application name</label> |
|
||||
<input type="text" name="title" value="{{ old('title') }}" /> |
|
||||
</div> |
|
||||
<div class="input"> |
|
||||
<label>Colour</label> |
|
||||
<input type="text" name="colour" value="{{ old('colour') }}" /> |
|
||||
</div> |
|
||||
<div class="input"> |
|
||||
<label>URL</label> |
|
||||
<input type="text" name="url" value="{{ old('url') }}" /> |
|
||||
</div> |
|
||||
</div> |
|
||||
|
|
||||
</section> |
{!! Form::open(array('route' => 'items.store','method'=>'POST')) !!} |
||||
|
@include('items.form') |
||||
|
{!! Form::close() !!} |
||||
|
|
||||
</form> |
|
||||
@endsection |
@endsection |
||||
@ -0,0 +1,9 @@ |
|||||
|
@extends('app') |
||||
|
|
||||
|
@section('content') |
||||
|
|
||||
|
{!! Form::model($item, ['method' => 'PATCH','route' => ['items.update', $item->id]]) !!} |
||||
|
@include('items.form') |
||||
|
{!! Form::close() !!} |
||||
|
|
||||
|
@endsection |
||||
@ -0,0 +1,24 @@ |
|||||
|
<section class="module-container"> |
||||
|
<header> |
||||
|
<div class="section-title">Add application</div> |
||||
|
<div class="module-actions"> |
||||
|
<button type="submit"class="button"><i class="fa fa-plus"></i><span>Save</span></button> |
||||
|
</div> |
||||
|
</header> |
||||
|
<div class="create"> |
||||
|
{!! csrf_field() !!} |
||||
|
<div class="input"> |
||||
|
<label>Application name</label> |
||||
|
{!! Form::text('title', null, array('placeholder' => 'Title','class' => 'form-control')) !!} |
||||
|
</div> |
||||
|
<div class="input"> |
||||
|
<label>Colour</label> |
||||
|
{!! Form::text('colour', null, array('placeholder' => 'Hex Colour','class' => 'form-control color-picker')) !!} |
||||
|
</div> |
||||
|
<div class="input"> |
||||
|
<label>URL</label> |
||||
|
{!! Form::text('url', null, array('placeholder' => 'Url','class' => 'form-control')) !!} |
||||
|
</div> |
||||
|
</div> |
||||
|
|
||||
|
</section> |
||||
@ -1,10 +1,16 @@ |
|||||
@extends('app') |
@extends('app') |
||||
|
|
||||
@section('content') |
@section('content') |
||||
|
@if($apps->first()) |
||||
<section class="item"> |
@foreach($apps as $app) |
||||
|
<section class="item" style="background-color: {{ $app->colour }}"> |
||||
|
{{ $app->title }} |
||||
Item |
Item |
||||
</section> |
</section> |
||||
|
@endforeach |
||||
|
@else |
||||
|
There are currently no Applications, add one here |
||||
|
@endif |
||||
|
|
||||
|
|
||||
@endsection |
@endsection |
||||
Loading…
Reference in new issue