Skip to content

Commit

Permalink
Finished image dimensions validation rule
Browse files Browse the repository at this point in the history
  • Loading branch information
Maxim Kerstens committed Jun 18, 2016
1 parent 9cdd610 commit 30e39e4
Show file tree
Hide file tree
Showing 7 changed files with 240 additions and 161 deletions.
145 changes: 68 additions & 77 deletions dist/laravel-parsley.js
View file

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

2 changes: 1 addition & 1 deletion dist/laravel-parsley.js.map
View file

Large diffs are not rendered by default.

4 changes: 2 additions & 2 deletions dist/laravel-parsley.min.js
View file

Large diffs are not rendered by default.

2 changes: 1 addition & 1 deletion dist/laravel-parsley.min.js.map
View file

Large diffs are not rendered by default.

103 changes: 101 additions & 2 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -790,10 +790,109 @@ <h1 id="rules_files">Files rules</h1>
href="https://laravel.com/docs/5.2/validation#rule-dimensions">dimensions</a>
</div>
<div class="col-md-9">
<input data-parsley-trigger="blur" data-parsley-dimensions data-parsley-dimensions-options="{'max_width': 100}" type="file"
<input data-parsley-trigger="blur" data-parsley-dimensions="true" data-parsley-dimensions-options='{"min_width": "100"}' type="file"
class="form-control input-sm" id="inputFileDimensionsMinWidth" placeholder="Value ">
<div class="help-block text-info">
<small>The image should have a mind width of 100px</small>
<small>The image should have a min width of 100px</small>
</div>
</div>
</div>
</div>
<div class="col-md-6">
<div class="form-group">
<div class="col-md-3">
<label for="inputInArray" class="control-label">data-parsley-dimensions</label>
<a class="text-warning clearfix" tabindex="-1"
href="https://laravel.com/docs/5.2/validation#rule-dimensions">dimensions</a>
</div>
<div class="col-md-9">
<input data-parsley-trigger="blur" data-parsley-dimensions="true" data-parsley-dimensions-options='{"max_width": "100"}' type="file"
class="form-control input-sm" id="inputFileDimensionsMaxWidth" placeholder="Value ">
<div class="help-block text-info">
<small>The image should have a max width of 100px</small>
</div>
</div>
</div>
</div>

<div class="col-md-6">
<div class="form-group">
<div class="col-md-3">
<label for="inputInArray" class="control-label">data-parsley-dimensions</label>
<a class="text-warning clearfix" tabindex="-1"
href="https://laravel.com/docs/5.2/validation#rule-dimensions">dimensions</a>
</div>
<div class="col-md-9">
<input data-parsley-trigger="blur" data-parsley-dimensions="true" data-parsley-dimensions-options='{"min_height": "100"}' type="file"
class="form-control input-sm" id="inputFileDimensionsMinHeight" placeholder="Value ">
<div class="help-block text-info">
<small>The image should have a min height of 100px</small>
</div>
</div>
</div>
</div>
<div class="col-md-6">
<div class="form-group">
<div class="col-md-3">
<label for="inputInArray" class="control-label">data-parsley-dimensions</label>
<a class="text-warning clearfix" tabindex="-1"
href="https://laravel.com/docs/5.2/validation#rule-dimensions">dimensions</a>
</div>
<div class="col-md-9">
<input data-parsley-trigger="blur" data-parsley-dimensions="true" data-parsley-dimensions-options='{"max_height": "100"}' type="file"
class="form-control input-sm" id="inputFileDimensionsMaxHeight" placeholder="Value ">
<div class="help-block text-info">
<small>The image should have a max height of 100px</small>
</div>
</div>
</div>
</div>


<div class="col-md-6">
<div class="form-group">
<div class="col-md-3">
<label for="inputInArray" class="control-label">data-parsley-dimensions</label>
<a class="text-warning clearfix" tabindex="-1"
href="https://laravel.com/docs/5.2/validation#rule-dimensions">dimensions</a>
</div>
<div class="col-md-9">
<input data-parsley-trigger="blur" data-parsley-dimensions="true" data-parsley-dimensions-options='{"width": "100"}' type="file"
class="form-control input-sm" id="inputFileDimensionWidth" placeholder="Value ">
<div class="help-block text-info">
<small>The image should have a width of 100px</small>
</div>
</div>
</div>
</div>
<div class="col-md-6">
<div class="form-group">
<div class="col-md-3">
<label for="inputInArray" class="control-label">data-parsley-dimensions</label>
<a class="text-warning clearfix" tabindex="-1"
href="https://laravel.com/docs/5.2/validation#rule-dimensions">dimensions</a>
</div>
<div class="col-md-9">
<input data-parsley-trigger="blur" data-parsley-dimensions="true" data-parsley-dimensions-options='{"height": "100"}' type="file"
class="form-control input-sm" id="inputFileDimensionsHeight" placeholder="Value ">
<div class="help-block text-info">
<small>The image should have a height of 100px</small>
</div>
</div>
</div>
</div>
<div class="col-md-6">
<div class="form-group">
<div class="col-md-3">
<label for="inputInArray" class="control-label">data-parsley-dimensions</label>
<a class="text-warning clearfix" tabindex="-1"
href="https://laravel.com/docs/5.2/validation#rule-dimensions">dimensions</a>
</div>
<div class="col-md-9">
<input data-parsley-trigger="blur" data-parsley-dimensions="true" data-parsley-dimensions-options='{"ratio": "1:1"}' type="file"
class="form-control input-sm" id="inputFileDimensionsRatio" placeholder="Value ">
<div class="help-block text-info">
<small>The image should have ratio of 1:1</small>
</div>
</div>
</div>
Expand Down
2 changes: 1 addition & 1 deletion package.json
View file
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
{
"name": "parsley-laravel-extras",
"version": "0.4.0",
"version": "0.4.1",
"description": "Provides extra validation rules for ParsleyJS that translate well to rules that laravel has out-of-the-box",
"main": "dist/laravel-parsley.js",
"directories": {
Expand Down

0 comments on commit 30e39e4

Please sign in to comment.