Discussion on ngLaravel - CRUD Angular & Laravel REST API on JWT + Role Permission + Admin Template + Ionic Mobile

yeptemplate

yeptemplate supports this item

Supported

This author's response time can be up to 2 business days.

196 comments found.

Hello . Congratulations for this good job. Why WYSIWYG EDITOR do not work in demo (it’s show loading….) Thanks

It’s natural. In real world we use one type editor in every page. some of these editors conflict with us in angularjs.

Permissions and Roles Pages not loaded

jquery.min.js:10Synchronous XMLHttpRequest on the main thread is deprecated because of its detrimental effects to the end user’s experience. For more help, check https://xhr.spec.whatwg.org/. send @ jquery.min.js:10 ajax @ jquery.min.js:10 ea._evalUrl @ jquery.min.js:10 domManip @ jquery.min.js:9 append @ jquery.min.js:9 (anonymous) @ jquery.min.js:9 ea.access @ jquery.min.js:9 html @ jquery.min.js:9 (anonymous) @ angular-ui-router.min.js:7 ea @ angular.min.js:73 D @ angular.min.js:62 g @ angular.min.js:55 (anonymous) @ angular.min.js:54 k @ angular-ui-router.min.js:7 (anonymous) @ angular-ui-router.min.js:7 $broadcast @ angular.min.js:136 (anonymous) @ ng-aa.js:6 (anonymous) @ angular.min.js:119 $eval @ angular.min.js:133 $digest @ angular.min.js:130 $apply @ angular.min.js:134 g @ angular.min.js:87 T @ angular.min.js:92 w.onload @ angular.min.js:93 moment.min.js:8 Deprecation warning: moment construction falls back to js Date. This is discouraged and will be removed in upcoming major release. Please refer to https://github.com/moment/moment/issues/1407 for more info. e @ moment.min.js:8 (anonymous) @ moment.min.js:8 da @ moment.min.js:8 la @ moment.min.js:8 va @ moment.min.js:8 isAfter @ moment.min.js:8 Ua.(anonymous function) @ fullcalendar.min.js:8 e @ daterangepicker.min.js:8 (anonymous) @ daterangepicker.min.js:8 each @ jquery.min.js:8 each @ jquery.min.js:8 d.fn.daterangepicker @ daterangepicker.min.js:8 t @ ng-daterange.min.js:1 ea @ angular.min.js:73 D @ angular.min.js:62 g @ angular.min.js:55 g @ angular.min.js:55 g @ angular.min.js:55 g @ angular.min.js:55 g @ angular.min.js:55 g @ angular.min.js:55 g @ angular.min.js:55 (anonymous) @ angular.min.js:54 (anonymous) @ angular-ui-router.min.js:7 ea @ angular.min.js:73 D @ angular.min.js:62 g @ angular.min.js:55 (anonymous) @ angular.min.js:54 k @ angular-ui-router.min.js:7 (anonymous) @ angular-ui-router.min.js:7 ea @ angular.min.js:73 D @ angular.min.js:62 g @ angular.min.js:55 g @ angular.min.js:55 g @ angular.min.js:55 g @ angular.min.js:55 (anonymous) @ angular.min.js:54 (anonymous) @ angular-ui-router.min.js:7 ea @ angular.min.js:73 D @ angular.min.js:62 g @ angular.min.js:55 (anonymous) @ angular.min.js:54 k @ angular-ui-router.min.js:7 (anonymous) @ angular-ui-router.min.js:7 $broadcast @ angular.min.js:136 (anonymous) @ ng-aa.js:6 (anonymous) @ angular.min.js:119 $eval @ angular.min.js:133 $digest @ angular.min.js:130 $apply @ angular.min.js:134 g @ angular.min.js:87 T @ angular.min.js:92 w.onload @ angular.min.js:93

null:1 GET https://****/laravel-backend/public/uploads/null 404 ()

angular.min.js:93 GET https://*****/laravel-backend/public/api/permission?lang=en-us 400 ()

After Checking in Network Tap, This Problem because of

({error: “token_not_provided”} error : “token_not_provided”)

How can I solve it?

What is the difference between these two I am unable to understand

ngLaravel – CRUD Angular & Laravel REST API on JWT + Role Permission + Admin Template + Ionic Mobile

and

https://codecanyon.net/item/plmb-powerful-laravel-crud-generator-package-builder-dynamic-report-builder-admin-template/17314714

I am trying to use the 5.3 laravel version of your api, and I have updated the database info both in config and .env file , but still getting the error SQLSTATEHY000 Unknown database ‘mahdi’

please let me know how to fix this error

Is this product being upgraded to Angular 2 with 5.3.

If I purchase the current application will the upgrade come along with the same

Hi, Already we don’t have any plane to upgrade to Angular 2.0, because Angular 2.0 is new and also in ngLaravel we used 3rd-party plugins that doesn’t support Angular 2.0. In other hand Angular 2.0 is a new born and more time is required to be inclusive.

Thanks

When we do refresh on any page, the page stuck with message “Initialize language…” at the top. And we have to relogin to make the project working again.

Is there any fix for this?

you should replace lang_varable_key with translate_string

Where I should replace this? Please guide me the file and line number.

1. Comment yo remove this script from angular-frontend/index.html
<script src="app/vendors/angular-translate/angular-translate.min.js"></script>
<script src="app/vendors/angular-translate-loader-partial/angular-translate-loader-partial.min.js"></script>
<script src="app/vendors/angular-translate-storage-local/angular-translate-storage-cookie.min.js"></script>

<script src="app/shared/services/TranslationsFactory.js"></script>

2. Remove ‘pascalprecht.translate’ dependency from angular-frontend/app.js

3. Remove this code from angular-frontend/config.router.js
// translate refresh is necessary to load translate table
        $rootScope.$on('$translatePartialLoaderStructureChanged', function () {
            $translate.refresh();
        });

        $rootScope.$on('$translateChangeEnd', function() {
            // get current language
            $rootScope.currentLanguage = $translate.use();

            //dynamic load angularjs locale
            tmhDynamicLocale.set($rootScope.currentLanguage);

            // change direction to right-to-left language
            if($rootScope.currentLanguage==='ar-ae' || $rootScope.currentLanguage==='fa-ir'){
                $rootScope.currentDirection = 'rtl';
            } else{
                $rootScope.currentDirection = 'ltr';
            }

            // set lang parameter for any request that with Restangular
            Restangular.setDefaultRequestParams({lang: $rootScope.currentLanguage});
        });

and

$translatePartialLoaderProvider.addPart('shared');
        $translateProvider
            .useSanitizeValueStrategy(null)// for prevent from XSS vulnerability but this has problem with utf-8 language
            .fallbackLanguage('en-us') //Registering a fallback language
            .registerAvailableLanguageKeys(['en-us', 'ar-ae','pt-br'], { // register your language key and browser key find
                'en_*': 'en-us',
                'ar_*': 'ar-ae',
                'pt_*': 'pt-br'
            })
            .useLoader('$translatePartialLoader', { // for lazy load we use this service
                urlTemplate: 'app/{part}/lang/locale_{lang}.json',// in this section we define our structure
                loadFailureHandler: 'MyErrorHandler'//it's a factory to error handling
            })
            .useLoaderCache(true)//use cache to loading translate file
            .useCookieStorage()// using cookie to keep current language
            //.useMissingTranslationHandlerLog() // you can remove in production
            //.determinePreferredLanguage();// define language by browser language
            .preferredLanguage('en-us');

        /* angular locale dynamic load */
        tmhDynamicLocaleProvider.localeLocationPattern('../assets/vendors/angularjs/js/i18n/angular-locale_{{locale}}.js');
4. Remove ‘trans’ options from resolve of each route like ‘admin’:
.state('admin', {
                url: '/admin',
                templateUrl: 'app/shared/views/admin.html',
                ncyBreadcrumb: {
                    label: 'app.breadcrumb.admin'// angular translate variable
                },
                data:{
                    authenticated:true
                },
                controller:'AdminCtrl',
                resolve: {
                    trans:['RequireTranslations',
                        function (RequireTranslations) {
                            RequireTranslations('shared');
                        }],
                    dep: ['trans','$ocLazyLoad',
                        function(trans,$ocLazyLoad){
                            return $ocLazyLoad.load(['ui-bs-paging','ui-bs-modal']).then(
                                function(){
                                    return $ocLazyLoad.load(['app/shared/controllers/AdminCtrl.js']);
                                }
                            );
                        }]
                }
            })
Change it to this:
.state('admin', {
                url: '/admin',
                templateUrl: 'app/shared/views/admin.html',
                ncyBreadcrumb: {
                    label: 'admin'// angular translate variable
                },
                data:{
                    authenticated:true
                },
                controller:'AdminCtrl',
                resolve: {                
                    dep: ['$ocLazyLoad',
                        function($ocLazyLoad){
                            return $ocLazyLoad.load(['ui-bs-paging','ui-bs-modal']).then(
                                function(){
                                    return $ocLazyLoad.load(['app/shared/controllers/AdminCtrl.js']);
                                }
                            );
                        }]
                }
            })

Notice: You should remove any service that related to translate from controllers and config like $translatePartialLoader, trans, $translate, tmhDynamicLocale, $translatePartialLoaderProvider, $translateProvider, tmhDynamicLocaleProvider

Good Luck

Gelurban

Gelurban Purchased

Hello, I’d like to know if you will update angular to Angular JS 2 and the Ionic app to Ionic Framework 2.

Thanks in advance

Hi, I’d like upgrade to Angular 2.0, but it need to some dependency and plugins that we used. For example we used a 3rd-party directive, this directive just release to Angular 1.x and it’s vendor need to time for release new version for Angular 2.0. Already with this condition we can’t upgrade to Angular 2.0.

Thanks

Hi I am trying to install ng-laravel script on my docker enviornment but we are not able to access the login inside the applications of rest apis it gives error 404 not found if you need i will also share my links of server where i uploaded the whole script file so you can see the errors in console here is the link (“http://www.thunderbees.com.br/ezcrud/dev/angular-frontend/#/login”) and it’s also gives error on my local docker Unknown Response Formate when we click on sign in Button.

It’s related to your access permission from nginx and it doesn’t related to nglaravel. At least I can see index or login file.

Hi, the htacess file of nglaravel which is in public folder is not able to access the files inside the docker enviornment.

<IfModule mod_rewrite.c> <IfModule mod_negotiation.c> Options -MultiViews </IfModule>

RewriteEngine On

RewriteCond %{HTTP:Authorization} ^(.) RewriteRule . – [e=HTTP_AUTHORIZATION:%1] </IfModule>

  1. Handle Front Controller… RewriteCond %{REQUEST_FILENAME} !-d RewriteCond %{REQUEST_FILENAME} !-f RewriteRule ^ index.php [L]

How can I get around this?

I can provide more details if you send me your email, skype… or post here if you prefer…

Please advise.

Hi, I still waiting your reply. I sent I PM as well… Can you please take a look into this?

Hi, i am new with angular, but i have knowledge of Laravel. I cant figure out its set up . kindly help me set this up. I just need to set up backend and angular frontend Thank you

i have set it up, but i need to know, where do i make changes in html? lets say i want to change dashboard into an empty page?

You can find every html page address from config.router.js that keep route of app. For example: html page of state ‘admin.dashboard’ located in “app/shared/views/dashboard.html”

Notice: You should clear browser cache

Hi, the htacess file of nglaravel which is in public folder is not able to access the files inside the docker enviornment.

<IfModule mod_rewrite.c> <IfModule mod_negotiation.c> Options -MultiViews </IfModule>

RewriteEngine On

RewriteCond %{HTTP:Authorization} ^(.) RewriteRule . – [e=HTTP_AUTHORIZATION:%1] </IfModule>

Handle Front Controller… RewriteCond %{REQUEST_FILENAME} !-d RewriteCond %{REQUEST_FILENAME} !-f RewriteRule ^ index.php [L] How can I get around this?

I can provide more details if you send me your email, skype… or post here if you prefer…

Please advise.

Hi, I still waiting your reply. I sent I PM as well… Can you please take a look into this?

GusGalante Dear, I’m sorry to answer late. Your problem is very unknown and it doesn’t related to ngLaravel completely, but send us your server details (SSH or CPANEL or Direct Admin username, password) to check it. I can’t see your email.

Good Luck

its possible to add signature field as form elements?

Hi, I’m sorry to answer late. This is my document.

http://188.40.252.106/ng-laravel/documention/ngLaravel/index.html

Already we don’t use signature in ngLaravel but you can use this library for your project:

https://github.com/legalthings/angular-signature https://github.com/ecentinela/ng-signature-pad

its on roadmap, signature feature?

You can add this feature easily, we may update too late.

BigBawss

BigBawss Purchased

Is it also possible to integrate this admin panel into an existing laravel + angular application? Or does this have to be implemented on a seperate Laravel application environment?

It’s depends on your project and you. You should study my structure and config your project with ngLaravel structure. It’s not easy but you can.

BigBawss

BigBawss Purchased

Hello, I am trying to install the composer package “php-soft/laravel-users”: “dev-master”, however it says it’s only compatible with laravel 5.1. I have 5.3.*

Is there a way to require the package for 5.3?

I new version of ngLaravel, we switch from “php-soft/laravel-users” and already we don’t use it. I develop it manually.

do have ACL module or is on roadmap?

No, ACL is not public needs.

is this ionic builder or we just can use your apk file? i am still confused about your product

is there documentation for this item?

We don’t have IONIC mobile app. Just define a app that work with laravel back-end and permission access.

by
by
by
by
by
by