webapp/bookstack
1
0
Fork 0
mirror of https://github.com/BookStackApp/BookStack.git synced 2025-08-09 10:22:51 +03:00
Code Activity

Got basics working using vue.js

Browse Source
This commit is contained in:
Dan Brown
2015-08-13 22:15:56 +01:00
parent b269b3bb3e
commit 6e4764cde5
7 changed files with 91 additions and 184 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
resources/views/base.blade.php
View File

@@ -12,7 +12,7 @@
<script src="/bower/bootstrap/dist/js/bootstrap.js"></script>
<script src="/bower/jquery-sortable/source/js/jquery-sortable.js"></script>
<script src="/bower/dropzone/dist/min/dropzone.min.js"></script>
<script src="https://fb.me/react-0.13.3.js"></script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/vue/0.12.10/vue.min.js"></script>
<script>
$.fn.smoothScrollTo = function() {
if(this.length === 0) return;

3
resources/views/home.blade.php
View File

@@ -6,9 +6,10 @@
@section('bottom')
@include('pages/image-manager')
<div id="image-manager-container"></div>
<script src="/js/image-manager.js"></script>
<script>
window.ImageManager.show();
//window.ImageManager.show();
</script>
@stop

1
resources/views/pages/edit.blade.php
View File

@@ -14,6 +14,7 @@
@stop
@section('bottom')
@include('pages/image-manager')
<div id="image-manager-container"></div>
<script src="/js/image-manager.js"></script>
@stop

39
resources/views/pages/image-manager.blade.php
View File

@@ -1,27 +1,22 @@
<section class="overlay" style="display:none;">
{{--<section class="overlay">--}}
<div id="image-manager">
<div class="image-manager-left">
<div class="image-manager-header">
<button type="button" class="button neg float right" data-action="close">Close</button>
<div class="image-manager-title">Image Library</div>
</div>
<div class="image-manager-display-wrap">
<div class="image-manager-display">
<div class="uploads"></div>
<div class="images">
<div class="load-more">Load More</div>
<div id="image-manager">
<div class="overlay" v-el="overlay" style="display:none;">
<div class="image-manager-body">
<div class="image-manager-content">
<div class="dropzone-container" v-el="dropZone">
<div class="dz-message">Drop files or click here to upload</div>
</div>
<div class="image-manager-list">
<div v-repeat="image: images">
<img v-attr="src: image.thumbnail" v-on="click: imageClick(image)" alt="@{{image.name}}">
</div>
<div class="load-more" v-show="hasMore" v-on="click: fetchData">Load More</div>
</div>
</div>
<form action="/upload/image"
class="dropzone"
id="image-upload-dropzone">
{!! csrf_field() !!}
</form>
<div class="image-manager-sidebar">
<button class="neg button image-manager-close">x</button>
<h2>Images</h2>
</div>
</div>
{{--<div class="sidebar">--}}
{{--</div>--}}
</div>
</section>
</div>