issue #1 reset form resets selected icon to empty
This commit is contained in:
kplaczek
13
resources/views/create.blade.php
Normal file
13
resources/views/create.blade.php
Normal file
@@ -0,0 +1,13 @@
|
||||
@extends('layouts.base')
|
||||
|
||||
@section('content')
|
||||
<div class="ui container">
|
||||
<div class="ui one column middle aligned stackable grid">
|
||||
<div class="ui column">
|
||||
<h2><a href="/">Lista</a> » Nowa notatka</h2>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@include('form.create')
|
||||
|
||||
@endsection
|
||||
22
resources/views/edit.blade.php
Normal file
22
resources/views/edit.blade.php
Normal file
@@ -0,0 +1,22 @@
|
||||
@extends('layouts.base')
|
||||
|
||||
@section('content')
|
||||
<style>
|
||||
body .column .ui.form textarea:not([rows]) {max-height: inherit; height: 20em}
|
||||
|
||||
</style>
|
||||
<div class="ui container">
|
||||
<div class="ui one column middle aligned stackable grid">
|
||||
<div class="ui column">
|
||||
@if($type == 'template')
|
||||
<h2><a href="/">Lista</a> » Edycja szablonu</h2>
|
||||
@else
|
||||
<h2><a href="/">Lista</a> » Edycja notatki</h2>
|
||||
@endif
|
||||
@include('form.create')
|
||||
<br><br>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@endsection
|
||||
49
resources/views/form/create.blade.php
Normal file
49
resources/views/form/create.blade.php
Normal file
@@ -0,0 +1,49 @@
|
||||
<form method="POST" class="ui form">
|
||||
{{ csrf_field() }}
|
||||
|
||||
<div class="field">
|
||||
<label>Tytuł</label>
|
||||
<input type="text" name="title" value="{{ $title }}">
|
||||
</div>
|
||||
<div class="field">
|
||||
|
||||
<label>Treść</label>
|
||||
<textarea class="js-content content"
|
||||
name="text">{{ $text }}</textarea>
|
||||
<input type="hidden" name="icon" id="icon" value="{{ $icon_selected }}"/>
|
||||
<div class="icons">
|
||||
|
||||
|
||||
|
||||
<span class="icon @if(!isset($icon_selected) ) selected @endif empty" title="empty"></span>
|
||||
@foreach ($icons as $icon)<span
|
||||
class="icon {{ str_before($icon, '.') }} @if(isset($icon_selected) && $icon == basename($icon_selected)) selected @endif " title="{{ $icon }}">
|
||||
</span>@endforeach
|
||||
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@if(isset($type) && $type == 'template')
|
||||
<button class="ui submit button yellow" type="submit" name="save">Zapisz jako notatkę</button>
|
||||
<button class="ui submit button orange" type="submit" name="save_template">Zapisz szablon</button>
|
||||
@else
|
||||
<button class="ui submit button yellow" type="submit" name="save">Zapisz</button>
|
||||
<button class="ui submit button orange" type="submit" name="save_template">Zapisz jako szablon</button>
|
||||
@endif
|
||||
|
||||
<button class="ui submit button primary" type="submit" name="print">Drukuj</button>
|
||||
<button class="ui reset button js-reset" type="reset">Wyczyść</button>
|
||||
@if(isset($id))
|
||||
<button class="ui delete button js-delete red" type="submit" name="delete">Usuń</button>
|
||||
|
||||
|
||||
@endif
|
||||
</form>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
58
resources/views/layouts/base.blade.php
Normal file
58
resources/views/layouts/base.blade.php
Normal file
@@ -0,0 +1,58 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="{{ config('app.locale') }}">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title>Paper Pi</title>
|
||||
<link rel="stylesheet" type="text/css" class="ui" href="/css/semantic.min.css">
|
||||
<link rel="stylesheet" type="text/css" class="ui" href="/css/app.css">
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.slim.min.js"></script>
|
||||
<script src="/js/semantic.min.js"></script>
|
||||
<script src="/js/printer.js"></script>
|
||||
|
||||
</head>
|
||||
<body>
|
||||
<div class="">
|
||||
|
||||
@yield('content')
|
||||
|
||||
</div>
|
||||
|
||||
<script>
|
||||
window.onload = load;
|
||||
|
||||
function load() {
|
||||
|
||||
var printer = new Printer();
|
||||
printer.init();
|
||||
|
||||
$('.ui.dropdown').dropdown();
|
||||
|
||||
|
||||
$('.ui.file.input').find('input:not(.url):text, .ui.button.trigger')
|
||||
.on('click', function (e) {
|
||||
$(e.target).parent().find('input:file').click();
|
||||
})
|
||||
;
|
||||
|
||||
$('input:file', '.ui.file.input')
|
||||
.on('change', function (e) {
|
||||
var file = $(e.target);
|
||||
var name = '';
|
||||
|
||||
for (var i = 0; i < e.target.files.length; i++) {
|
||||
name += e.target.files[i].name + ', ';
|
||||
}
|
||||
// remove trailing ","
|
||||
name = name.replace(/,\s*$/, '');
|
||||
|
||||
$('input:text', file.parent()).val(name);
|
||||
});
|
||||
|
||||
}
|
||||
|
||||
</script>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
104
resources/views/list.blade.php
Normal file
104
resources/views/list.blade.php
Normal file
@@ -0,0 +1,104 @@
|
||||
@extends('layouts.base')
|
||||
|
||||
|
||||
|
||||
@section('content')
|
||||
<div class="ui container">
|
||||
<h1 class="ui header">Szybka notatka</h1>
|
||||
|
||||
<div class="ui container">
|
||||
<div class="ui one column middle aligned stackable grid">
|
||||
<div class="ui column">
|
||||
@include('form.create')
|
||||
|
||||
|
||||
<form method="POST" class="ui form" action="/printImage" enctype="multipart/form-data">
|
||||
{{ csrf_field() }}
|
||||
<div class="field">
|
||||
<label for="photo">Plik do wydrukowania:</label>
|
||||
<div class="ui fluid file input action">
|
||||
<input type="text" class="url" name="url"
|
||||
placeholder="Wklej link do zdjęcia, albo wybierz plik z dysku obok">
|
||||
<input type="text" readonly>
|
||||
<input type="file" id="photo" name="photo" autocomplete="off"
|
||||
accept=".jpg,.png,.gif,.jpeg,.bmp">
|
||||
<div class="ui button trigger">
|
||||
Wybierz plik...
|
||||
</div>
|
||||
<button class="ui submit button primary" type="submit" name="print-image">Drukuj
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
<div class="ui container">
|
||||
<h1 class="ui header">Lista notatek</h1>
|
||||
<div class="ui middle aligned divided list">
|
||||
@foreach($notes as $note)
|
||||
<div class="item">
|
||||
<div class="right floated content">
|
||||
<form method="post" action="/print/{{ $note->id }}">
|
||||
{{ csrf_field() }}
|
||||
<button type="primary" class="ui tiny button primary">Drukuj</button>
|
||||
</form>
|
||||
</div>
|
||||
<div class="content">
|
||||
<a href="/edit/{{ $note->id }}/{{ $note->topic_slug?$note->topic_slug:str_limit($note->text, 30, '...') }}"><span
|
||||
class="icon {{ $note->icon }} "
|
||||
title="{{ $note->icon }}"></span>{{ $note->topic?$note->topic:str_limit($note->text, 30, '...') }}
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
@endforeach
|
||||
</div>
|
||||
<h1 class="ui header">Szablony notatek</h1>
|
||||
<div class="ui middle aligned divided list">
|
||||
@foreach($templates as $template)
|
||||
<div class="item">
|
||||
<div class="content">
|
||||
<a href="/edit/{{ $template->id }}/{{ $template->topic_slug?$template->topic_slug:str_limit($template->text, 30, '...') }}"><span
|
||||
class="icon {{ $template->icon }} "
|
||||
title="{{ $template->icon }}"></span> {{ $template->topic?$template->topic:str_limit($template->text, 30, '...') }}
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
@endforeach
|
||||
</div>
|
||||
|
||||
<div class="ui teal tiny buttons">
|
||||
<a class="ui button" href="/repertoire/today">Repertuar dziś</a>
|
||||
<div class="ui floating dropdown icon button">
|
||||
<i class="dropdown icon"></i>
|
||||
<div class="menu">
|
||||
<a class="item" href="/multikino/today">Multikino</a>
|
||||
<a class="item" href="/gdynskiecentrumfilmowe/today">Gdyńskie Centrum Filmowe</a>
|
||||
<a class="item" href="/cinemacity/today">Cinema City</a>
|
||||
<a class="item" href="/helios/today">Helios</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="ui teal tiny buttons pointing top left">
|
||||
<a class="ui button" href="/repertoire/tomorrow">Repertuar jutro</a>
|
||||
<div class="ui floating dropdown icon button">
|
||||
<i class="dropdown icon"></i>
|
||||
<div class="menu">
|
||||
<a class="item" href="/multikino/tomorrow">Multikino</a>
|
||||
<a class="item" href="/gdynskiecentrumfilmowe/tomorrow">Gdyńskie Centrum Filmowe</a>
|
||||
<a class="item" href="/cinemacity/tomorrow">Cinema City</a>
|
||||
<a class="item" href="/helios/tomorrow">Helios</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="ui teal tiny buttons pointing top left">
|
||||
<a class="ui button" href="/airly">Airly</a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
@endsection
|
||||
19
resources/views/template_edit.blade.php
Normal file
19
resources/views/template_edit.blade.php
Normal file
@@ -0,0 +1,19 @@
|
||||
@extends('layouts.base')
|
||||
|
||||
@section('content')
|
||||
<style>
|
||||
body .column .ui.form textarea:not([rows]) {max-height: inherit; height: 20em}
|
||||
|
||||
</style>
|
||||
<div class="ui container">
|
||||
<div class="ui one column middle aligned stackable grid">
|
||||
<div class="ui column">
|
||||
|
||||
<h2><a href="/">Lista</a> » Edycja notatki</h2>
|
||||
@include('form.create')
|
||||
<br><br>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@endsection
|
||||
Reference in New Issue
Block a user