tykayn/caisse-bliss
1
0
Fork 0
Code Issues Pull Requests Actions Projects Releases Wiki Activity

split templates on dashboard

Browse Source
This commit is contained in:
ty kayn 2019-07-06 12:24:50 +02:00
parent 5bb843de16
commit 22817ec553
10 changed files with 145 additions and 142 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
app/Resources/views/logged/angular/current.html.twig
View File

@ -5,6 +5,9 @@
<div class="new-display">
<div class="row">
</div>
<div class="row">
<div class="col-xs-12 col-sm-6">
<button class="btn btn-warning btn-remove-all marged-v" ng-click="removeAll()" ng-disable="!CurrentSellingTotal()">
<i class="fa fa-trash"></i> enlever tout

2
app/Resources/views/logged/angular/listing-products.html.twig
View File

@ -4,7 +4,7 @@
<div class="category-listing one-category col-xs-12 col-sm-4 " ng-repeat="c in categories"
ng-if="! c.hidden">
<h2 ng-class="{'hidden':c.hidden}">
<h2 ng-class="{'hidden':c.hidden}" class="title">
{{ c.name }}
</h2>
<div class="product-listing" >

5
app/Resources/views/logged/angular/loaded-caisse.html.twig
View File

@ -4,13 +4,16 @@
<!--caisse IHM-->
<div id="load_ok">
{% verbatim %}
( {{sellingComment}} )
{% endverbatim %}
<div id="listing-products" class="listing-products col-xs-12 col-md-8">
{% include 'logged/angular/messages.html.twig' %}
{% include 'logged/angular/listing-products.html.twig' %}
</div>
<div id="sellings" class="sellings col-xs-12 col-md-4">
<div class="list-sell" ng-class="{'bg-success text-success': sellingOk }">
{% include 'logged/angular/validate-button.html.twig' %}

11
app/Resources/views/logged/caisse-main.html.twig
View File

@ -1,11 +1,6 @@
<div id="infos_current">
<h2>
<div class="caisse-main-box">
{% verbatim %}
</h2>
</div>
<div id="not_loaded" ng-if="!initLoadDone">
<div class="well text-center">
<i class="fa fa-refresh fa-spin fa-3x"></i> Chargement en cours de vos produits
@ -13,6 +8,4 @@
</div>
{% endverbatim %}
{% include 'logged/angular/loaded-caisse.html.twig' %}
{% verbatim %}
{% endverbatim %}
</div>

25
app/Resources/views/logged/customer.html.twig Normal file
View File

@ -0,0 +1,25 @@
{% verbatim %}
<!-- client actuel infos-->
<div id="client-now" class="client-now padded">
<i class="fa fa-user"></i>
<label for="sellingComment">
Client actuel: {{ activeSelling.length }} produit<span ng-if="activeSelling.length!=1">s</span>
</label>
<button type="button" class="deleter pull-right" ng-click="sellingComment = ''">
<i class="fa fa-times"></i>
</button>
<input type="text"
class="form-control"
aria-label="Note about the client"
id="sellingComment"
aria-describedby="selling-comment"
ng-model="sellingComment"
ng-model-options="{ updateOn: 'keyup' , allowInvalid: true}"
name="sellingComment"
autofocus="autofocus"
placeholder="nom ou commentaire">
</div>
{% endverbatim %}

140
app/Resources/views/logged/dashboard.html.twig
View File

@ -1,131 +1,41 @@
{% extends 'base.html.twig' %}
{% block body %}
{% verbatim %}
<div id="caisse-now" class="tab-pane fade in active">
<div class="caisse-main row-fluid"
<div id="caisse-now" class=""
ng-app="caisse"
ng-controller="CaisseCtrl as MainCtrl"
>
ng-controller="CaisseCtrl as MainCtrl">
<div class="caisse-main row-fluid" >
<div class="col-xs-12 col-sm-6">
<!-- ligne d'informations-->
{% endverbatim %}
{% include 'logged/listing-options.html.twig' %}
{% verbatim %}
{% endverbatim %}
{% include 'logged/festival-infos.html.twig' %}
{% verbatim %}
</div>
<div class="col-xs-12 col-sm-6">
{% endverbatim %}
{% include 'logged/customer.html.twig' %}
{% verbatim %}
</div>
</div>
<!--états de sauvegarde-->
<div class="selling-ok alert-success alert block" ng-if="sellingOk" ng-click="sellingOk = false">
<i class="fa fa-save"></i>
Sauvegardé! WOHOOOOOO +{{recentSellings[recentSellings.length -1].amount}} € {{sellingComment}}
Sauvegardé! WOHOOOOOO +{{recentSellings[recentSellings.length -1].amount}} €
</div>
<div class="selling-ok alert-error alert block" ng-if="sellingError" ng-click="sellingError = false">
<i class="fa fa-warning"></i>
Problème de sauvegarde (pas de réseau ?)
</div>
<!-- options-->
<div class="row marged-v" ng-if="simpleDisplay">
<button class="btn btn-success" ng-click="toggleSimpleDisplay()">
<i class="fa fa-bars"></i> Affichage simple <i class="fa fa-check-circle"></i>
</button>
</div>
<div class="row marged-v" ng-if="! simpleDisplay">
<div class="col-xs-12 col-md-6" id="main_options">
<button class="btn btn-disabled" ng-click="toggleSimpleDisplay()">
<i class="fa fa-bars"></i> Affichage simple
</button>
<button
title="la vente express vous permet d'enregistrer une vente pour un seul article sans remplir le formulaire de détail"
class="btn"
ng-class="{'btn-success': show_config.expressSelling, 'btn-disabled':! show_config.expressSelling}"
ng-click="show_config.expressSelling = !show_config.expressSelling">
<i class="fa fa-shopping-cart"></i>
vente express
<span ng-if=show_config.show_config.expressSelling>
<i class="fa fa-check-circle"></i></span>
</button>
<button
title="montrer le nombre d'objets restants dans les stocks"
class="btn"
ng-class="{'btn-success': show_config.stock_count, 'btn-disabled':!show_config.stock_count}"
ng-click="show_config.stock_count = !show_config.stock_count">
<i class="fa fa-shopping-cart"></i>
stocks
<span ng-if=show_config.stock_count>
<i class="fa fa-check-circle"></i></span>
</button>
<button
title="montrer le nombre d'objets restants dans les stocks"
class="btn"
ng-class="{'btn-success': show_config.sold, 'btn-disabled':!show_config.sold}"
ng-click="show_config.sold = !show_config.sold">
<i class="fa fa-shopping-cart"></i>
vendus
<span ng-if=show_config.sold>
<i class="fa fa-check-circle"></i>
</span>
</button>
<br>
<div id="festival-current_info">
{% endverbatim %}
<a class="btn " href="{{ path('festival_index') }}">
<i class="fa fa-th-large"></i>
Festival
</a>:
{% verbatim %}
<input type="text" ng-model="activeFestival.name" placeholder="nom du festival">
<input class="pull-right" type="text" ng-model="activeFestival.commentaire" placeholder="commentaire">
<span class="badge" title="fond de caisse + chiffre d'affaire. veillez à vider votre fond de caisse ailleurs lorsqu'il devient trop important, par exemple au dela de 200€" ng-class="{'badge-warning': activeFestival.fondDeCaisseAvant + activeFestival.chiffreAffaire > 200}">
<i class="fa fa-archive"></i>
{{ activeFestival.fondDeCaisseAvant + activeFestival.chiffreAffaire}} €
</span>
<span class="badge badge-success">
CA {{ activeFestival.chiffreAffaire }} €
<span ng-if="sellingOk">
<i class="fa fa-check-circle-o"></i>
</span>
</span>
<span class="badge badge-success">{{ activeFestival.clientsCount }} <i class="fa fa-user"></i></span>
</div>
</div>
<div class="col-xs-12 col-md-6">
<div id="client-now" class="client-now padded">
<i class="fa fa-user"></i>
<form action="#">
<label for="sellingComment">
Client actuel: {{ activeSelling.length }} produit<span ng-if="activeSelling.length!=1">s</span>
</label>
<button type="button" class="deleter pull-right" ng-click="sellingComment = ''">
<i class="fa fa-times"></i>
</button>
<input type="text" class="form-control" aria-label="Recipient's username"
id="sellingComment" aria-describedby="basic-addon2" ng-model="activeFestival.productComment" name="sellingComment" placeholder="nom ou commentaire">
( {{sellingComment}} )
</form>
</div>
</div>
</div>
{% endverbatim %}
<div class="row">
{% endverbatim %}
{% include 'logged/caisse-main.html.twig' %}
</div>
<div id="categories" class="tab-pane fade">
<h2>Catégories</h2>
</div>
<div id="products" class="tab-pane fade">
<h2>Produits</h2>
</div>
<div id="history" class="tab-pane fade">
<h2>Historique</h2>
</div>
{% verbatim %}
{% endverbatim %}
{#</div>#}
{#</div>#}
{% endblock %}

24
app/Resources/views/logged/festival-infos.html.twig Normal file
View File

@ -0,0 +1,24 @@
<div id="festival-current_info">
<a class="btn " href=" {{ path('festival_index') }}">
<i class="fa fa-th-large"></i>
Festival:
</a>
{% verbatim %}
<input type="text" ng-model="activeFestival.name" placeholder="nom du festival">
<input class="pull-right" type="text" ng-model="activeFestival.commentaire" placeholder="commentaire">
<span class="badge" title="fond de caisse + chiffre d'affaire. veillez à vider votre fond de caisse ailleurs lorsqu'il devient trop important, par exemple au dela de 200€" ng-class="{'badge-warning': activeFestival.fondDeCaisseAvant + activeFestival.chiffreAffaire > 200}">
<i class="fa fa-archive"></i>
{{ activeFestival.fondDeCaisseAvant + activeFestival.chiffreAffaire}} €
</span>
<span class="badge badge-success">
CA {{ activeFestival.chiffreAffaire }} €
<span ng-if="sellingOk">
<i class="fa fa-check-circle-o"></i>
</span>
</span>
<span class="badge badge-success">
{{ activeFestival.clientsCount }} <i class="fa fa-user"></i>
</span>
{% endverbatim %}
</div>

46
app/Resources/views/logged/listing-options.html.twig Normal file
View File

@ -0,0 +1,46 @@
<div id="festival-listing-options">
{% verbatim %}
<!-- options-->
<div class="row marged-v" ng-if="simpleDisplay">
<button class="btn btn-success" ng-click="toggleSimpleDisplay()">
<i class="fa fa-bars"></i> Affichage simple <i class="fa fa-check-circle"></i>
</button>
</div>
<div class="row marged-v" ng-if="! simpleDisplay">
<div class="col-xs-12 col-md-6" id="main_options">
<button class="btn btn-disabled" ng-click="toggleSimpleDisplay()">
<i class="fa fa-bars"></i> Affichage simple
</button>
<button
title="la vente express vous permet d'enregistrer une vente pour un seul article sans remplir le formulaire de détail"
class="btn"
ng-class="{'btn-success': show_config.expressSelling, 'btn-disabled':! show_config.expressSelling}"
ng-click="show_config.expressSelling = !show_config.expressSelling">
<i class="fa fa-shopping-cart"></i>
vente express
<span ng-if=show_config.show_config.expressSelling>
<i class="fa fa-check-circle"></i></span>
</button>
<button
title="montrer le nombre d'objets restants dans les stocks"
class="btn"
ng-class="{'btn-success': show_config.stock_count, 'btn-disabled':!show_config.stock_count}"
ng-click="show_config.stock_count = !show_config.stock_count">
<i class="fa fa-shopping-cart"></i>
stocks
<span ng-if=show_config.stock_count>
<i class="fa fa-check-circle"></i></span>
</button>
<button
title="montrer le nombre d'objets restants dans les stocks"
class="btn"
ng-class="{'btn-success': show_config.sold, 'btn-disabled':!show_config.sold}"
ng-click="show_config.sold = !show_config.sold">
<i class="fa fa-shopping-cart"></i>
vendus
<span ng-if=show_config.sold>
<i class="fa fa-check-circle"></i>
</span>
</button>
{% endverbatim %}
</div>

1
assets/css/pages/_dashboard.scss
View File

@ -1,4 +1,5 @@
#caisse-now {
border: solid 3px green;
.product-box {
display: inline-block;
margin-right: 1rem;

18
assets/js/parts/main.js
View File

@ -87,7 +87,7 @@ angular
});
$scope.activeSellingFiltered = soldObjectsIdsCount;
$scope.setRightAmountPaid();
}
};
/**
* get the sum of products prices
@ -193,7 +193,7 @@ angular
$scope.clearSellingComment = function () {
console.log(' $scope.sellingComment', $scope.sellingComment);
$scope.sellingComment = '';
// $scope.sellingComment = '';
// document.querySelector('.client-now input').focus();
document.querySelector('.client-now input').select();
};
@ -250,16 +250,16 @@ angular
};
$scope.recentId = 0;
$scope.logger = function (stuff) {
console.log('logger', stuff);
console.log('logger #####', stuff);
};
$scope.sendForm = function () {
let sellingComment = $scope.sellingComment;
$scope.sellingComment = sellingComment;
console.log('########### SEND FORM');
console.log('$scope.sellingComment', $scope.sellingComment);
console.log('$rootScope.sellingComment', $rootScope.sellingComment);
console.log('$scope.sellingComment done');
console.log("$scope.activeSelling", $scope.activeSelling);
let lesParams = {
paidByClient : $scope.paidAmount,
sellingComment: $scope.activeFestival.productComment,
sellingComment: $scope.sellingComment,
activeSelling : $scope.activeSelling,
activeFestival: $scope.activeFestival
};
@ -271,8 +271,6 @@ angular
angular
.copy($scope.activeSelling)
});
console.log('lesParams sellingComment', lesParams.sellingComment);
console.log('$scope.recentSellings', $scope.recentSellings);
$scope.lesParams = lesParams;
$http({
method : 'POST',
@ -283,7 +281,7 @@ angular
data : lesParams // pass in data as strings
}).then(function (rep) {
console.log('########### OK form',rep);
// if successful, bind success message to message
$scope.successMessage = rep.data.message;
$scope.activeFestival.chiffreAffaire = rep.data.newChiffreAffaire;