admin – Page 16 – My Projects & Live

Laravel Quiz

source: https://github.com/SAIBA0011/laravel-quiz

Description:

Laravel-Quiz functionality

Create a new quiz
Create quiz questions — single & multi Select
show quiz questions
Create quiz question options — Pending..
To be implemented

Finish quiz question options.
Change question position.
Change question option position.
Randomize question order on display page.
Track user attempts per quiz.
Allow user to take quiz.
allow user to complete quiz.
show quiz results on complete.

Installation:

Create a new laravel project:

composer create-project --prefer-dist laravel/laravel laravel-quiz

1

composer create-project --prefer-dist laravel/laravel laravel-quiz
Download the app from https://github.com/SAIBA0011/laravel-quiz. It’s better to donwload in zip file then extract the content in /works/laravel/quiz/ directory. Overwrite the existing files and directories.
Install the laravel component required:

composer install

1

composer install
Create a new database ‘laravel_quiz’ by phpmyadmin

Use ‘php artisan migrate’ to create the tables.
NOTE: I got this error when trying to do ‘migrate’
“teddy@teddy-K43SJ:~/Documents/works/laravel/laravel-quiz$ php artisan migrate
Migration table created successfully.[Illuminate\Database\QueryException]
SQLSTATE[42000]: Syntax error or access violation: 1064 You have an error i
n your SQL syntax; check the manual that corresponds to your MySQL server v
ersion for the right syntax to use near ‘) on delete cascade’ at line 1 (SQ
L: alter table quiz_results add constraint quiz_results_user_id_foreign
foreign key (user_id) references users () on delete cascade)
[PDOException]
SQLSTATE[42000]: Syntax error or access violation: 1064 You have an error i
n your SQL syntax; check the manual that corresponds to your MySQL server v
ersion for the right syntax to use near ‘) on delete cascade’ at line 1 ”
SOLUTION: At first, I did like in the articles http://stackoverflow.com/questions/26820788/add-on-delete-cascade-to-existing-column-in-laravel and http://stackoverflow.com/questions/28167329/laravel-migration-remove-ondeletecascade-from-existing-foreign-key on ‘2016_10_24_101046_create_quiz_results_table.php’ in /database/migrations/ directory BUT SOMEHOW IT DIDN’T WORK

$table->dropForeign('quiz_results_user_id_foreign');
$table->foreign('user_id')->reference('id')->on('users')->onDelete('cascade');
//$table->foreign('user_id')->reference('id')->on('users');

$table->dropForeign('quiz_results_quiz_id_foreign');
$table->foreign('quiz_id')->reference('id')->on('quiz')->onDelete('cascade');
//$table->foreign('quiz_id')->reference('id')->on('quiz');

$table->dropForeign('quiz_results_user_id_foreign');

$table->foreign('user_id')->reference('id')->on('users')->onDelete('cascade');

//$table->foreign('user_id')->reference('id')->on('users');

$table->dropForeign('quiz_results_quiz_id_foreign');

$table->foreign('quiz_id')->reference('id')->on('quiz')->onDelete('cascade');

//$table->foreign('quiz_id')->reference('id')->on('quiz');

SO I JUST COMMENT THE ‘onDelete’ COMMAND

//$table->foreign('user_id')->reference('id')->on('users')->onDelete('cascade');
//$table->foreign('quiz_id')->reference('id')->on('quiz')->onDelete('cascade');

1 2	//$table->foreign('user_id')->reference('id')->on('users')->onDelete('cascade'); //$table->foreign('quiz_id')->reference('id')->on('quiz')->onDelete('cascade');

THEN THE MIGRATIONS RUN WELL.

generate the new key

php artisan key:generate

1

php artisan key:generate

Install npm modules and gulp

npm install

1	npm install

BUT SOMEHOW I GOT THIS ERROR ON ‘gulp’

teddy@teddy-K43SJ:~/Documents/works/laravel/laravel-quiz$ gulp
[20:44:18] Using gulpfile ~/Documents/works/laravel/laravel-quiz/gulpfile.js
[20:44:18] Starting 'all'...
[20:44:18] Starting 'sass'...
[20:44:20] Finished 'sass' after 1.6 s
[20:44:20] Starting 'webpack'...
{ [Error: Entry module not found: Error: Can't resolve 'buble' in '/home/teddy/Documents/works/laravel/laravel-quiz'
resolve 'buble' in '/home/teddy/Documents/works/laravel/laravel-quiz'
  Parsed request is a module
  using description file: /home/teddy/Documents/works/laravel/laravel-quiz/package.json (relative path: .)
  after using description file: /home/teddy/Documents/works/laravel/laravel-quiz/package.json (relative path: .)
    resolve as module
      module variation buble-loader
        /home/teddy/Documents/works/laravel/node_modules doesn't exist or is not a directory
        /home/teddy/Documents/node_modules doesn't exist or is not a directory
        /home/teddy/Documents/works/node_modules doesn't exist or is not a directory
        /home/teddy/node_modules doesn't exist or is not a directory
        /home/node_modules doesn't exist or is not a directory
        /node_modules doesn't exist or is not a directory
        looking for modules in /home/teddy/Documents/works/laravel/laravel-quiz/node_modules
          using description file: /home/teddy/Documents/works/laravel/laravel-quiz/package.json (relative path: ./node_modules)
          after using description file: /home/teddy/Documents/works/laravel/laravel-quiz/package.json (relative path: ./node_modules)
            using description file: /home/teddy/Documents/works/laravel/laravel-quiz/package.json (relative path: ./node_modules/buble-loader)
              as directory
                /home/teddy/Documents/works/laravel/laravel-quiz/node_modules/buble-loader doesn't exist
              no extension
                /home/teddy/Documents/works/laravel/laravel-quiz/node_modules/buble-loader doesn't exist
              .js
                /home/teddy/Documents/works/laravel/laravel-quiz/node_modules/buble-loader.js doesn't exist
              .json
                /home/teddy/Documents/works/laravel/laravel-quiz/node_modules/buble-loader.json doesn't exist
      /home/teddy/Documents/works/laravel/node_modules doesn't exist or is not a directory
      /home/teddy/Documents/node_modules doesn't exist or is not a directory
      /home/teddy/Documents/works/node_modules doesn't exist or is not a directory
      /home/teddy/node_modules doesn't exist or is not a directory
      /home/node_modules doesn't exist or is not a directory
      /node_modules doesn't exist or is not a directory
      looking for modules in /home/teddy/Documents/works/laravel/laravel-quiz/node_modules
        using description file: /home/teddy/Documents/works/laravel/laravel-quiz/package.json (relative path: ./node_modules)
        after using description file: /home/teddy/Documents/works/laravel/laravel-quiz/package.json (relative path: ./node_modules)
          using description file: /home/teddy/Documents/works/laravel/laravel-quiz/package.json (relative path: ./node_modules/buble)
            as directory
              /home/teddy/Documents/works/laravel/laravel-quiz/node_modules/buble doesn't exist
            no extension
              /home/teddy/Documents/works/laravel/laravel-quiz/node_modules/buble doesn't exist
            .js
              /home/teddy/Documents/works/laravel/laravel-quiz/node_modules/buble.js doesn't exist
            .json
              /home/teddy/Documents/works/laravel/laravel-quiz/node_modules/buble.json doesn't exist]
  message: 'Entry module not found: Error: Can\'t resolve \'buble\' in \'/home/teddy/Documents/works/laravel/laravel-quiz\'\nresolve \'buble\' in \'/home/teddy/Documents/works/laravel/laravel-quiz\'\n  Parsed request is a module\n  using description file: /home/teddy/Documents/works/laravel/laravel-quiz/package.json (relative path: .)\n  after using description file: /home/teddy/Documents/works/laravel/laravel-quiz/package.json (relative path: .)\n    resolve as module\n      module variation buble-loader\n        /home/teddy/Documents/works/laravel/node_modules doesn\'t exist or is not a directory\n        /home/teddy/Documents/node_modules doesn\'t exist or is not a directory\n        /home/teddy/Documents/works/node_modules doesn\'t exist or is not a directory\n        /home/teddy/node_modules doesn\'t exist or is not a directory\n        /home/node_modules doesn\'t exist or is not a directory\n        /node_modules doesn\'t exist or is not a directory\n        looking for modules in /home/teddy/Documents/works/laravel/laravel-quiz/node_modules\n          using description file: /home/teddy/Documents/works/laravel/laravel-quiz/package.json (relative path: ./node_modules)\n          after using description file: /home/teddy/Documents/works/laravel/laravel-quiz/package.json (relative path: ./node_modules)\n            using description file: /home/teddy/Documents/works/laravel/laravel-quiz/package.json (relative path: ./node_modules/buble-loader)\n              as directory\n                /home/teddy/Documents/works/laravel/laravel-quiz/node_modules/buble-loader doesn\'t exist\n              no extension\n                /home/teddy/Documents/works/laravel/laravel-quiz/node_modules/buble-loader doesn\'t exist\n              .js\n                /home/teddy/Documents/works/laravel/laravel-quiz/node_modules/buble-loader.js doesn\'t exist\n              .json\n                /home/teddy/Documents/works/laravel/laravel-quiz/node_modules/buble-loader.json doesn\'t exist\n      /home/teddy/Documents/works/laravel/node_modules doesn\'t exist or is not a directory\n      /home/teddy/Documents/node_modules doesn\'t exist or is not a directory\n      /home/teddy/Documents/works/node_modules doesn\'t exist or is not a directory\n      /home/teddy/node_modules doesn\'t exist or is not a directory\n      /home/node_modules doesn\'t exist or is not a directory\n      /node_modules doesn\'t exist or is not a directory\n      looking for modules in /home/teddy/Documents/works/laravel/laravel-quiz/node_modules\n        using description file: /home/teddy/Documents/works/laravel/laravel-quiz/package.json (relative path: ./node_modules)\n        after using description file: /home/teddy/Documents/works/laravel/laravel-quiz/package.json (relative path: ./node_modules)\n          using description file: /home/teddy/Documents/works/laravel/laravel-quiz/package.json (relative path: ./node_modules/buble)\n            as directory\n              /home/teddy/Documents/works/laravel/laravel-quiz/node_modules/buble doesn\'t exist\n            no extension\n              /home/teddy/Documents/works/laravel/laravel-quiz/node_modules/buble doesn\'t exist\n            .js\n              /home/teddy/Documents/works/laravel/laravel-quiz/node_modules/buble.js doesn\'t exist\n            .json\n              /home/teddy/Documents/works/laravel/laravel-quiz/node_modules/buble.json doesn\'t exist',
  showStack: false,
  showProperties: true,
  plugin: 'webpack-stream',
  __safety: { toString: [Function: bound ] } }

teddy@teddy-K43SJ:~/Documents/works/laravel/laravel-quiz$ gulp

[20:44:18] Using gulpfile ~/Documents/works/laravel/laravel-quiz/gulpfile.js

[20:44:18] Starting 'all'...

[20:44:18] Starting 'sass'...

[20:44:20] Finished 'sass' after 1.6 s

[20:44:20] Starting 'webpack'...

{ [Error: Entry module not found: Error: Can't resolve 'buble' in '/home/teddy/Documents/works/laravel/laravel-quiz'

resolve 'buble' in '/home/teddy/Documents/works/laravel/laravel-quiz'

Parsed request is a module

using description file: /home/teddy/Documents/works/laravel/laravel-quiz/package.json (relative path: .)

after using description file: /home/teddy/Documents/works/laravel/laravel-quiz/package.json (relative path: .)

resolve as module

module variation buble-loader

/home/teddy/Documents/works/laravel/node_modules doesn't exist or is not a directory

/home/teddy/Documents/node_modules doesn't exist or is not a directory

/home/teddy/Documents/works/node_modules doesn't exist or is not a directory

/home/teddy/node_modules doesn't exist or is not a directory

/home/node_modules doesn't exist or is not a directory

/node_modules doesn't exist or is not a directory

looking for modules in /home/teddy/Documents/works/laravel/laravel-quiz/node_modules

using description file: /home/teddy/Documents/works/laravel/laravel-quiz/package.json (relative path: ./node_modules)

after using description file: /home/teddy/Documents/works/laravel/laravel-quiz/package.json (relative path: ./node_modules)

using description file: /home/teddy/Documents/works/laravel/laravel-quiz/package.json (relative path: ./node_modules/buble-loader)

as directory

/home/teddy/Documents/works/laravel/laravel-quiz/node_modules/buble-loader doesn't exist

no extension

/home/teddy/Documents/works/laravel/laravel-quiz/node_modules/buble-loader doesn't exist

.js

/home/teddy/Documents/works/laravel/laravel-quiz/node_modules/buble-loader.js doesn't exist

.json

/home/teddy/Documents/works/laravel/laravel-quiz/node_modules/buble-loader.json doesn't exist

/home/teddy/Documents/works/laravel/node_modules doesn't exist or is not a directory

/home/teddy/Documents/node_modules doesn't exist or is not a directory

/home/teddy/Documents/works/node_modules doesn't exist or is not a directory

/home/teddy/node_modules doesn't exist or is not a directory

/home/node_modules doesn't exist or is not a directory

/node_modules doesn't exist or is not a directory

looking for modules in /home/teddy/Documents/works/laravel/laravel-quiz/node_modules

using description file: /home/teddy/Documents/works/laravel/laravel-quiz/package.json (relative path: ./node_modules)

after using description file: /home/teddy/Documents/works/laravel/laravel-quiz/package.json (relative path: ./node_modules)

using description file: /home/teddy/Documents/works/laravel/laravel-quiz/package.json (relative path: ./node_modules/buble)

as directory

/home/teddy/Documents/works/laravel/laravel-quiz/node_modules/buble doesn't exist

no extension

/home/teddy/Documents/works/laravel/laravel-quiz/node_modules/buble doesn't exist

.js

/home/teddy/Documents/works/laravel/laravel-quiz/node_modules/buble.js doesn't exist

.json

/home/teddy/Documents/works/laravel/laravel-quiz/node_modules/buble.json doesn't exist]

message: 'Entry module not found: Error: Can\'t resolve \'buble\' in \'/home/teddy/Documents/works/laravel/laravel-quiz\'\nresolve \'buble\' in \'/home/teddy/Documents/works/laravel/laravel-quiz\'\n Parsed request is a module\n using description file: /home/teddy/Documents/works/laravel/laravel-quiz/package.json (relative path: .)\n after using description file: /home/teddy/Documents/works/laravel/laravel-quiz/package.json (relative path: .)\n resolve as module\n module variation buble-loader\n /home/teddy/Documents/works/laravel/node_modules doesn\'t exist or is not a directory\n /home/teddy/Documents/node_modules doesn\'t exist or is not a directory\n /home/teddy/Documents/works/node_modules doesn\'t exist or is not a directory\n /home/teddy/node_modules doesn\'t exist or is not a directory\n /home/node_modules doesn\'t exist or is not a directory\n /node_modules doesn\'t exist or is not a directory\n looking for modules in /home/teddy/Documents/works/laravel/laravel-quiz/node_modules\n using description file: /home/teddy/Documents/works/laravel/laravel-quiz/package.json (relative path: ./node_modules)\n after using description file: /home/teddy/Documents/works/laravel/laravel-quiz/package.json (relative path: ./node_modules)\n using description file: /home/teddy/Documents/works/laravel/laravel-quiz/package.json (relative path: ./node_modules/buble-loader)\n as directory\n /home/teddy/Documents/works/laravel/laravel-quiz/node_modules/buble-loader doesn\'t exist\n no extension\n /home/teddy/Documents/works/laravel/laravel-quiz/node_modules/buble-loader doesn\'t exist\n .js\n /home/teddy/Documents/works/laravel/laravel-quiz/node_modules/buble-loader.js doesn\'t exist\n .json\n /home/teddy/Documents/works/laravel/laravel-quiz/node_modules/buble-loader.json doesn\'t exist\n /home/teddy/Documents/works/laravel/node_modules doesn\'t exist or is not a directory\n /home/teddy/Documents/node_modules doesn\'t exist or is not a directory\n /home/teddy/Documents/works/node_modules doesn\'t exist or is not a directory\n /home/teddy/node_modules doesn\'t exist or is not a directory\n /home/node_modules doesn\'t exist or is not a directory\n /node_modules doesn\'t exist or is not a directory\n looking for modules in /home/teddy/Documents/works/laravel/laravel-quiz/node_modules\n using description file: /home/teddy/Documents/works/laravel/laravel-quiz/package.json (relative path: ./node_modules)\n after using description file: /home/teddy/Documents/works/laravel/laravel-quiz/package.json (relative path: ./node_modules)\n using description file: /home/teddy/Documents/works/laravel/laravel-quiz/package.json (relative path: ./node_modules/buble)\n as directory\n /home/teddy/Documents/works/laravel/laravel-quiz/node_modules/buble doesn\'t exist\n no extension\n /home/teddy/Documents/works/laravel/laravel-quiz/node_modules/buble doesn\'t exist\n .js\n /home/teddy/Documents/works/laravel/laravel-quiz/node_modules/buble.js doesn\'t exist\n .json\n /home/teddy/Documents/works/laravel/laravel-quiz/node_modules/buble.json doesn\'t exist',

showStack: false,

showProperties: true,

plugin: 'webpack-stream',

__safety: { toString: [Function: bound ] } }

NO SOLUTION YET:
I’VE TRIED FROM https://laracasts.com/discuss/channels/elixir/laravel-53-error-on-gulp-execution?page=1

npm install buble --save-dev
npm install vue-loader --save-dev

1 2	npm install buble --save-dev npm install vue-loader --save-dev

BUT FAILED AND GOT THIS ERROR

teddy@teddy-K43SJ:~/Documents/works/laravel/laravel-quiz$ gulp
[22:04:55] Using gulpfile ~/Documents/works/laravel/laravel-quiz/gulpfile.js
[22:04:55] Starting 'all'...
[22:04:55] Starting 'sass'...
[22:04:56] Finished 'sass' after 1.59 s
[22:04:56] Starting 'webpack'...
/home/teddy/Documents/works/laravel/laravel-quiz/node_modules/laravel-elixir-webpack-official/node_modules/webpack/node_modules/loader-runner/lib/loadLoader.js:35
			throw new Error("Module '" + loader.path + "' is not a loader (must have normal or pitch function)");
			^

Error: Module '/home/teddy/Documents/works/laravel/laravel-quiz/node_modules/buble/dist/buble.umd.js' is not a loader (must have normal or pitch function)

teddy@teddy-K43SJ:~/Documents/works/laravel/laravel-quiz$ gulp

[22:04:55] Using gulpfile ~/Documents/works/laravel/laravel-quiz/gulpfile.js

[22:04:55] Starting 'all'...

[22:04:55] Starting 'sass'...

[22:04:56] Finished 'sass' after 1.59 s

[22:04:56] Starting 'webpack'...

/home/teddy/Documents/works/laravel/laravel-quiz/node_modules/laravel-elixir-webpack-official/node_modules/webpack/node_modules/loader-runner/lib/loadLoader.js:35

throw new Error("Module '" + loader.path + "' is not a loader (must have normal or pitch function)");

Error: Module '/home/teddy/Documents/works/laravel/laravel-quiz/node_modules/buble/dist/buble.umd.js' is not a loader (must have normal or pitch function)

I ALSO TRIED (DONT DO THIS BECAUSE I BROKE THE ENVIRONMENT BINDING!)

sudo npm cache clean -f
sudo npm install -g n
sudo n stable

sudo npm cache clean -f

sudo npm install -g n

sudo n stable

BECAUSE OF THIS I GOT A HARDTIME AND SPENT MANY ERRORS TO FIX IT (http://stackoverflow.com/questions/37324519/node-sass-does-not-yet-support-your-current-environment-linux-64-bit-with-false) THROUGH THIS:

sudo npm rebuild node-sass

1	sudo npm rebuild node-sass

BUT THE ERROR STILL PERSIST (ON GULP)! DONT KNOW HOW TO FIX IT!!!
I READ gulpfile.js IN ‘laravel-quiz’ PROJECT DIFFERENT WITH IN ‘quiz’ PROJECT. THEREFORE ‘laravel-quiz’ PROJECT USE VUE!!!

Test it live (http://localhost:8000)IT RUN WELL
Errors & Solutions:
When I want to see the quiz result by submitting the answer (http://localhost:8000/second-quiz/submit), I got this error:
“ErrorException in QuizResultsController.php line 25:
Trying to get property of non-object”
SOLUTION: This is because I didn’t login first. Use http://localhost:8000/home to login/register (I’ve registered with email: ‘advcha@yahoo.com’ and password: ‘satria’) then take the quiz again and answer the above question. Then the result would be showed up like this:
Others samples for online quiz:
http://practice.cappassessments.com/Nrt/NrtPage.html (Shows time to answer question, can drag up or down the answer options, not only can pick the answer, but also can type the answer). There is a job application in upwork for this kind of online quiz: https://www.upwork.com/jobs/_~01d2316bc1f3c2cb84/.

Quiz

source: https://github.com/sms516/quiz
online: http://dojang.nz/

Installation:

Create a new laravel project:

composer create-project --prefer-dist laravel/laravel quiz

1

composer create-project --prefer-dist laravel/laravel quiz
Download the app from https://github.com/sms516/quiz. It’s better to donwload in zip file then extract the content in /works/laravel/quiz/ directory. Overwrite the existing files and directories.
Install the laravel component required:

composer install

1

composer install
Import the database file (DB_SETUP.sql) along with the github.
NOTE: ‘quiz_details’ table can’t be created because the field type ‘datetime CURRENT_TIMESTAMP ON UPDATE CURRENT_TIMESTAMP’ for ‘updated_at’ can’t be used. So replace ‘datetime’ with ‘timestamp’
Set the file/folder permission for ‘storage’

teddy@teddy-K43SJ:~/Documents/works/laravel/quiz$ sudo chmod -R 777 storage/

1

teddy@teddy-K43SJ:~/Documents/works/laravel/quiz$ sudo chmod -R 777 storage/
Test it live (http://localhost:8000/admin)

teddy@teddy-K43SJ:~/Documents/works/laravel/quiz$ php5.6 artisan serve

1

teddy@teddy-K43SJ:~/Documents/works/laravel/quiz$ php5.6 artisan serve

WORKING!!!CAN’T SHOW http://localhost:8000/admin BUT CAN SHOW http://localhost:8000/admin/quiz/questionsNOTE: Check the routes in /app/Http/routes.php. The routes are very limited! NO ROUTE FOR ADMIN???

I found gulpfile.js in the root of the website, so I think I need to use npm and gulp to compile the saas:
Use ‘npm install’ to install required modules

teddy@teddy-K43SJ:~/Documents/works/laravel/quiz$ npm install
npm WARN deprecated gulp-minify-css@0.3.13: Please use gulp-clean-css
npm WARN deprecated minimatch@2.0.10: Please update to minimatch 3.0.2 or higher to avoid a RegExp DoS issue
npm WARN deprecated minimatch@0.2.14: Please update to minimatch 3.0.2 or higher to avoid a RegExp DoS issue
npm WARN deprecated lodash@1.0.2: lodash@<2.0.0 is no longer maintained. Upgrade to lodash@^3.0.0
npm WARN deprecated graceful-fs@1.2.3: graceful-fs v3.0.0 and before will fail on node releases >= v7.0. Please update to graceful-fs@^4.0.0 as soon as possible. Use 'npm ls graceful-fs' to find it in the tree.
npm WARN deprecated win-spawn@2.0.0: use [cross-spawn](https://github.com/IndigoUnited/node-cross-spawn) or [cross-spawn-async](https://github.com/IndigoUnited/node-cross-spawn-async) instead.
npm WARN deprecated minimatch@1.0.0: Please update to minimatch 3.0.2 or higher to avoid a RegExp DoS issue
npm WARN deprecated minimatch@0.3.0: Please update to minimatch 3.0.2 or higher to avoid a RegExp DoS issue
npm WARN optional dep failed, continuing fsevents@1.0.15
-
> node-sass@3.13.1 install /home/teddy/Documents/works/laravel/quiz/node_modules/laravel-elixir/node_modules/gulp-sass/node_modules/node-sass
> node scripts/install.js

Downloading binary from https://github.com/sass/node-sass/releases/download/v3.13.1/linux-x64-46_binding.node
Download complete
Binary saved to /home/teddy/Documents/works/laravel/quiz/node_modules/laravel-elixir/node_modules/gulp-sass/node_modules/node-sass/vendor/linux-x64-46/binding.node
Caching binary to /home/teddy/.npm/node-sass/3.13.1/linux-x64-46_binding.node

> node-sass@3.13.1 postinstall /home/teddy/Documents/works/laravel/quiz/node_modules/laravel-elixir/node_modules/gulp-sass/node_modules/node-sass
> node scripts/build.js

Binary found at /home/teddy/Documents/works/laravel/quiz/node_modules/laravel-elixir/node_modules/gulp-sass/node_modules/node-sass/vendor/linux-x64-46/binding.node
Testing binary
Binary is fine
bootstrap-sass@3.3.7 node_modules/bootstrap-sass

gulp@3.9.1 node_modules/gulp
├── interpret@1.0.1
├── pretty-hrtime@1.0.3
├── deprecated@0.0.1
├── archy@1.0.0
├── minimist@1.2.0
├── v8flags@2.0.11 (user-home@1.1.1)
├── semver@4.3.6
├── tildify@1.2.0 (os-homedir@1.0.2)
├── chalk@1.1.3 (supports-color@2.0.0, escape-string-regexp@1.0.5, ansi-styles@2.2.1, has-ansi@2.0.0, strip-ansi@3.0.1)
├── orchestrator@0.3.8 (stream-consume@0.1.0, sequencify@0.0.7, end-of-stream@0.1.5)
├── gulp-util@3.0.8 (array-differ@1.0.0, lodash._reinterpolate@3.0.0, lodash._reescape@3.0.0, lodash._reevaluate@3.0.0, object-assign@3.0.0, array-uniq@1.0.3, beeper@1.1.1, dateformat@2.0.0, replace-ext@0.0.1, has-gulplog@0.1.0, fancy-log@1.3.0, vinyl@0.5.3, gulplog@1.0.0, lodash.template@3.6.2, through2@2.0.3, multipipe@0.1.2)
├── vinyl-fs@0.3.14 (strip-bom@1.0.0, vinyl@0.4.6, defaults@1.0.3, graceful-fs@3.0.11, mkdirp@0.5.1, through2@0.6.5, glob-stream@3.1.18, glob-watcher@0.0.6)
└── liftoff@2.3.0 (lodash.isstring@4.0.1, lodash.isplainobject@4.0.6, lodash.mapvalues@4.6.0, rechoir@0.6.2, extend@3.0.0, flagged-respawn@0.3.2, resolve@1.2.0, fined@1.0.2, findup-sync@0.4.3)

laravel-elixir@2.3.13 node_modules/laravel-elixir
├── gulp-rename@1.2.2
├── underscore@1.8.3
├── install@0.1.8
├── require-dir@0.1.0
├── partialify@3.1.6 (string-to-js@0.0.1, through@2.3.8)
├── run-sequence@1.2.2 (chalk@1.1.3)
├── merge-stream@0.1.8 (through2@0.6.5)
├── gulp-rev@2.0.1 (object-assign@1.0.0, through2@0.6.5)
├── vinyl-paths@1.0.0 (through2@0.6.5)
├── vinyl-source-stream@1.1.0 (vinyl@0.4.6, through2@0.6.5)
├── gulp-filter@1.0.2 (through2@0.6.5, multimatch@0.3.0)
├── gulp-shell@0.2.11 (async@0.9.2, lodash@2.4.2, through2@0.6.5)
├── vinyl-buffer@1.0.0 (through2@0.6.5, bl@0.9.5)
├── parse-filepath@0.5.0 (path-ends-with@0.2.3)
├── gulp-concat@2.6.1 (concat-with-sourcemaps@1.0.4, vinyl@2.0.1, through2@2.0.3)
├── gulp-coffee@2.3.3 (merge@1.2.0, coffee-script@1.12.2, vinyl-sourcemaps-apply@0.2.1, through2@2.0.3)
├── gulp-util@3.0.8 (array-differ@1.0.0, lodash._reevaluate@3.0.0, lodash._reescape@3.0.0, lodash._reinterpolate@3.0.0, array-uniq@1.0.3, object-assign@3.0.0, beeper@1.1.1, dateformat@2.0.0, replace-ext@0.0.1, has-gulplog@0.1.0, fancy-log@1.3.0, minimist@1.2.0, vinyl@0.5.3, lodash.template@3.6.2, gulplog@1.0.0, chalk@1.1.3, through2@2.0.3, multipipe@0.1.2)
├── del@0.1.3 (is-path-cwd@1.0.0, each-async@1.1.1, is-path-in-cwd@1.0.0, globby@0.1.1, rimraf@2.5.4)
├── gulp-load-plugins@0.7.1 (multimatch@1.0.0, findup-sync@0.1.3)
├── gulp-if@1.2.5 (through2@0.6.5, gulp-match@0.2.1, ternary-stream@1.2.3)
├── gulp-sourcemaps@1.9.1 (detect-newline@2.1.0, graceful-fs@4.1.11, convert-source-map@1.3.0, strip-bom@2.0.0, source-map@0.5.6, vinyl@1.2.0, acorn@4.0.4, through2@2.0.3, debug-fabulous@0.0.4, css@2.2.1)
├── gulp-minify-css@0.3.13 (memory-cache@0.0.5, through2@0.6.5, bufferstreams@0.0.2, vinyl-sourcemaps-apply@0.1.4, clean-css@3.0.10)
├── gulp-ruby-sass@1.4.0 (slash@1.0.0, path-exists@1.0.0, object-assign@2.1.1, dargs@2.1.0, os-tmpdir@1.0.2, win-spawn@2.0.0, convert-source-map@1.3.0, each-async@1.1.1, md5-hex@1.3.0, mkdirp@0.5.1, glob@5.0.15, rimraf@2.5.4, vinyl-fs@1.0.0)
├── gulp-uglify@1.5.4 (uglify-save-license@0.4.1, deap@1.0.0, isobject@2.1.0, vinyl-sourcemaps-apply@0.2.1, fancy-log@1.3.0, through2@2.0.3, uglify-js@2.6.4)
├── gulp-phpunit@0.6.3 (map-stream@0.0.6, gulp-util@2.2.20)
├── gulp-phpspec@0.4.2 (map-stream@0.0.4, chalk@1.1.3, chai@2.3.0, gulp-todo@2.6.2, gulp-logger@0.0.2, gulp-util@2.2.20, expect@1.20.2)
├── gulp-notify@1.8.0 (node.extend@1.1.6, lodash.template@2.4.1, through2@1.1.1, gulp-util@2.2.20, node-notifier@3.4.1)
├── browserify@9.0.8 (string_decoder@0.10.31, inherits@2.0.3, isarray@0.0.1, https-browserify@0.0.1, path-browserify@0.0.0, tty-browserify@0.0.0, constants-browserify@0.0.1, builtins@0.0.7, process@0.10.1, defined@0.0.0, os-browserify@0.1.2, commondir@0.0.1, punycode@1.2.4, stream-browserify@1.0.0, duplexer2@0.0.2, xtend@3.0.0, deep-equal@1.0.1, assert@1.3.0, shell-quote@0.0.1, domain-browser@1.1.7, shallow-copy@0.0.1, querystring-es3@0.2.1, through2@1.1.1, concat-stream@1.4.10, events@1.0.2, has@1.0.1, parents@1.0.1, console-browserify@1.1.0, vm-browserify@0.0.4, readable-stream@1.1.14, timers-browserify@1.4.2, util@0.10.3, read-only-stream@1.1.1, subarg@1.0.0, url@0.10.3, http-browserify@1.7.0, glob@4.5.3, shasum@1.0.2, buffer@3.6.0, resolve@1.2.0, JSONStream@0.10.0, labeled-stream-splicer@1.0.2, browserify-zlib@0.1.4, syntax-error@1.1.6, browser-resolve@1.11.2, deps-sort@1.3.9, browser-pack@4.0.4, crypto-browserify@3.11.0, insert-module-globals@6.6.3, module-deps@3.9.1)
├── watchify@3.8.0 (defined@1.0.0, xtend@4.0.1, through2@2.0.3, outpipe@1.1.1, anymatch@1.3.0, chokidar@1.6.1, browserify@13.1.1)
├── gulp-autoprefixer@1.0.1 (object-assign@1.0.0, through2@0.6.5, vinyl-sourcemaps-apply@0.1.4, autoprefixer-core@3.1.2)
├── gulp-less@3.3.0 (object-assign@4.1.0, vinyl-sourcemaps-apply@0.2.1, through2@2.0.3, accord@0.26.4, less@2.7.1)
├── babelify@6.4.0 (object-assign@4.1.0, babel-core@5.8.38)
├── gulp-babel@5.3.0 (object-assign@4.1.0, replace-ext@0.0.1, vinyl-sourcemaps-apply@0.2.1, through2@2.0.3, babel-core@5.8.38)
├── npm@2.15.11
└── gulp-sass@2.3.2 (lodash.clonedeep@4.5.0, vinyl-sourcemaps-apply@0.2.1, through2@2.0.3, node-sass@3.13.1)

teddy@teddy-K43SJ:~/Documents/works/laravel/quiz$ npm install

npm WARN deprecated gulp-minify-css@0.3.13: Please use gulp-clean-css

npm WARN deprecated minimatch@2.0.10: Please update to minimatch 3.0.2 or higher to avoid a RegExp DoS issue

npm WARN deprecated minimatch@0.2.14: Please update to minimatch 3.0.2 or higher to avoid a RegExp DoS issue

npm WARN deprecated lodash@1.0.2: lodash@<2.0.0 is no longer maintained. Upgrade to lodash@^3.0.0

npm WARN deprecated graceful-fs@1.2.3: graceful-fs v3.0.0 and before will fail on node releases >= v7.0. Please update to graceful-fs@^4.0.0 as soon as possible. Use 'npm ls graceful-fs' to find it in the tree.

npm WARN deprecated win-spawn@2.0.0: use [cross-spawn](https://github.com/IndigoUnited/node-cross-spawn) or [cross-spawn-async](https://github.com/IndigoUnited/node-cross-spawn-async) instead.

npm WARN deprecated minimatch@1.0.0: Please update to minimatch 3.0.2 or higher to avoid a RegExp DoS issue

npm WARN deprecated minimatch@0.3.0: Please update to minimatch 3.0.2 or higher to avoid a RegExp DoS issue

npm WARN optional dep failed, continuing fsevents@1.0.15

> node-sass@3.13.1 install /home/teddy/Documents/works/laravel/quiz/node_modules/laravel-elixir/node_modules/gulp-sass/node_modules/node-sass

> node scripts/install.js

Downloading binary from https://github.com/sass/node-sass/releases/download/v3.13.1/linux-x64-46_binding.node

Download complete

Binary saved to /home/teddy/Documents/works/laravel/quiz/node_modules/laravel-elixir/node_modules/gulp-sass/node_modules/node-sass/vendor/linux-x64-46/binding.node

Caching binary to /home/teddy/.npm/node-sass/3.13.1/linux-x64-46_binding.node

> node-sass@3.13.1 postinstall /home/teddy/Documents/works/laravel/quiz/node_modules/laravel-elixir/node_modules/gulp-sass/node_modules/node-sass

> node scripts/build.js

Binary found at /home/teddy/Documents/works/laravel/quiz/node_modules/laravel-elixir/node_modules/gulp-sass/node_modules/node-sass/vendor/linux-x64-46/binding.node

Testing binary

Binary is fine

bootstrap-sass@3.3.7 node_modules/bootstrap-sass

gulp@3.9.1 node_modules/gulp

├── interpret@1.0.1

├── pretty-hrtime@1.0.3

├── deprecated@0.0.1

├── archy@1.0.0

├── minimist@1.2.0

├── v8flags@2.0.11 (user-home@1.1.1)

├── semver@4.3.6

├── tildify@1.2.0 (os-homedir@1.0.2)

├── chalk@1.1.3 (supports-color@2.0.0, escape-string-regexp@1.0.5, ansi-styles@2.2.1, has-ansi@2.0.0, strip-ansi@3.0.1)

├── orchestrator@0.3.8 (stream-consume@0.1.0, sequencify@0.0.7, end-of-stream@0.1.5)

├── gulp-util@3.0.8 (array-differ@1.0.0, lodash._reinterpolate@3.0.0, lodash._reescape@3.0.0, lodash._reevaluate@3.0.0, object-assign@3.0.0, array-uniq@1.0.3, beeper@1.1.1, dateformat@2.0.0, replace-ext@0.0.1, has-gulplog@0.1.0, fancy-log@1.3.0, vinyl@0.5.3, gulplog@1.0.0, lodash.template@3.6.2, through2@2.0.3, multipipe@0.1.2)

├── vinyl-fs@0.3.14 (strip-bom@1.0.0, vinyl@0.4.6, defaults@1.0.3, graceful-fs@3.0.11, mkdirp@0.5.1, through2@0.6.5, glob-stream@3.1.18, glob-watcher@0.0.6)

└── liftoff@2.3.0 (lodash.isstring@4.0.1, lodash.isplainobject@4.0.6, lodash.mapvalues@4.6.0, rechoir@0.6.2, extend@3.0.0, flagged-respawn@0.3.2, resolve@1.2.0, fined@1.0.2, findup-sync@0.4.3)

laravel-elixir@2.3.13 node_modules/laravel-elixir

├── gulp-rename@1.2.2

├── underscore@1.8.3

├── install@0.1.8

├── require-dir@0.1.0

├── partialify@3.1.6 (string-to-js@0.0.1, through@2.3.8)

├── run-sequence@1.2.2 (chalk@1.1.3)

├── merge-stream@0.1.8 (through2@0.6.5)

├── gulp-rev@2.0.1 (object-assign@1.0.0, through2@0.6.5)

├── vinyl-paths@1.0.0 (through2@0.6.5)

├── vinyl-source-stream@1.1.0 (vinyl@0.4.6, through2@0.6.5)

├── gulp-filter@1.0.2 (through2@0.6.5, multimatch@0.3.0)

├── gulp-shell@0.2.11 (async@0.9.2, lodash@2.4.2, through2@0.6.5)

├── vinyl-buffer@1.0.0 (through2@0.6.5, bl@0.9.5)

├── parse-filepath@0.5.0 (path-ends-with@0.2.3)

├── gulp-concat@2.6.1 (concat-with-sourcemaps@1.0.4, vinyl@2.0.1, through2@2.0.3)

├── gulp-coffee@2.3.3 (merge@1.2.0, coffee-script@1.12.2, vinyl-sourcemaps-apply@0.2.1, through2@2.0.3)

├── gulp-util@3.0.8 (array-differ@1.0.0, lodash._reevaluate@3.0.0, lodash._reescape@3.0.0, lodash._reinterpolate@3.0.0, array-uniq@1.0.3, object-assign@3.0.0, beeper@1.1.1, dateformat@2.0.0, replace-ext@0.0.1, has-gulplog@0.1.0, fancy-log@1.3.0, minimist@1.2.0, vinyl@0.5.3, lodash.template@3.6.2, gulplog@1.0.0, chalk@1.1.3, through2@2.0.3, multipipe@0.1.2)

├── del@0.1.3 (is-path-cwd@1.0.0, each-async@1.1.1, is-path-in-cwd@1.0.0, globby@0.1.1, rimraf@2.5.4)

├── gulp-load-plugins@0.7.1 (multimatch@1.0.0, findup-sync@0.1.3)

├── gulp-if@1.2.5 (through2@0.6.5, gulp-match@0.2.1, ternary-stream@1.2.3)

├── gulp-sourcemaps@1.9.1 (detect-newline@2.1.0, graceful-fs@4.1.11, convert-source-map@1.3.0, strip-bom@2.0.0, source-map@0.5.6, vinyl@1.2.0, acorn@4.0.4, through2@2.0.3, debug-fabulous@0.0.4, css@2.2.1)

├── gulp-minify-css@0.3.13 (memory-cache@0.0.5, through2@0.6.5, bufferstreams@0.0.2, vinyl-sourcemaps-apply@0.1.4, clean-css@3.0.10)

├── gulp-ruby-sass@1.4.0 (slash@1.0.0, path-exists@1.0.0, object-assign@2.1.1, dargs@2.1.0, os-tmpdir@1.0.2, win-spawn@2.0.0, convert-source-map@1.3.0, each-async@1.1.1, md5-hex@1.3.0, mkdirp@0.5.1, glob@5.0.15, rimraf@2.5.4, vinyl-fs@1.0.0)

├── gulp-uglify@1.5.4 (uglify-save-license@0.4.1, deap@1.0.0, isobject@2.1.0, vinyl-sourcemaps-apply@0.2.1, fancy-log@1.3.0, through2@2.0.3, uglify-js@2.6.4)

├── gulp-phpunit@0.6.3 (map-stream@0.0.6, gulp-util@2.2.20)

├── gulp-phpspec@0.4.2 (map-stream@0.0.4, chalk@1.1.3, chai@2.3.0, gulp-todo@2.6.2, gulp-logger@0.0.2, gulp-util@2.2.20, expect@1.20.2)

├── gulp-notify@1.8.0 (node.extend@1.1.6, lodash.template@2.4.1, through2@1.1.1, gulp-util@2.2.20, node-notifier@3.4.1)

├── browserify@9.0.8 (string_decoder@0.10.31, inherits@2.0.3, isarray@0.0.1, https-browserify@0.0.1, path-browserify@0.0.0, tty-browserify@0.0.0, constants-browserify@0.0.1, builtins@0.0.7, process@0.10.1, defined@0.0.0, os-browserify@0.1.2, commondir@0.0.1, punycode@1.2.4, stream-browserify@1.0.0, duplexer2@0.0.2, xtend@3.0.0, deep-equal@1.0.1, assert@1.3.0, shell-quote@0.0.1, domain-browser@1.1.7, shallow-copy@0.0.1, querystring-es3@0.2.1, through2@1.1.1, concat-stream@1.4.10, events@1.0.2, has@1.0.1, parents@1.0.1, console-browserify@1.1.0, vm-browserify@0.0.4, readable-stream@1.1.14, timers-browserify@1.4.2, util@0.10.3, read-only-stream@1.1.1, subarg@1.0.0, url@0.10.3, http-browserify@1.7.0, glob@4.5.3, shasum@1.0.2, buffer@3.6.0, resolve@1.2.0, JSONStream@0.10.0, labeled-stream-splicer@1.0.2, browserify-zlib@0.1.4, syntax-error@1.1.6, browser-resolve@1.11.2, deps-sort@1.3.9, browser-pack@4.0.4, crypto-browserify@3.11.0, insert-module-globals@6.6.3, module-deps@3.9.1)

├── watchify@3.8.0 (defined@1.0.0, xtend@4.0.1, through2@2.0.3, outpipe@1.1.1, anymatch@1.3.0, chokidar@1.6.1, browserify@13.1.1)

├── gulp-autoprefixer@1.0.1 (object-assign@1.0.0, through2@0.6.5, vinyl-sourcemaps-apply@0.1.4, autoprefixer-core@3.1.2)

├── gulp-less@3.3.0 (object-assign@4.1.0, vinyl-sourcemaps-apply@0.2.1, through2@2.0.3, accord@0.26.4, less@2.7.1)

├── babelify@6.4.0 (object-assign@4.1.0, babel-core@5.8.38)

├── gulp-babel@5.3.0 (object-assign@4.1.0, replace-ext@0.0.1, vinyl-sourcemaps-apply@0.2.1, through2@2.0.3, babel-core@5.8.38)

├── npm@2.15.11

└── gulp-sass@2.3.2 (lodash.clonedeep@4.5.0, vinyl-sourcemaps-apply@0.2.1, through2@2.0.3, node-sass@3.13.1)

Use ‘gulp’ to compile saas

teddy@teddy-K43SJ:~/Documents/works/laravel/quiz$ gulp
[16:36:24] Using gulpfile ~/Documents/works/laravel/quiz/gulpfile.js
[16:36:24] Starting 'default'...
[16:36:24] Starting 'sass'...
[16:36:24] Running Sass: resources/assets/sass/app.scss
[16:36:25] Finished 'default' after 555 ms
[16:36:26] gulp-notify: [Laravel Elixir] Sass Compiled!
[16:36:26] Finished 'sass' after 2 s

teddy@teddy-K43SJ:~/Documents/works/laravel/quiz$ gulp

[16:36:24] Using gulpfile ~/Documents/works/laravel/quiz/gulpfile.js

[16:36:24] Starting 'default'...

[16:36:24] Starting 'sass'...

[16:36:24] Running Sass: resources/assets/sass/app.scss

[16:36:25] Finished 'default' after 555 ms

[16:36:26] gulp-notify: [Laravel Elixir] Sass Compiled!

[16:36:26] Finished 'sass' after 2 s

I DONT KNOW HOW TO DO NEXT OR HOW THE NPM AND GULP AFFECT THE WEBSITE! NEED TO LEARN ABOUT THESE!!!

On the homepage ‘http://localhost:8000’, I clicked ‘Start Quiz’ button but I got NOT FOUND error (ajax error) at the chrome console. I found it is triggered by ‘onclick=”startQuiz()”‘ in /resources/views/quiz/view.blade.php and the javascript command in /public/js/functions.js. I NEED TO MODIFY A FEW SETTING IN functions.js file! First replace the ‘base_dir’ variable like below:

//var base_dir='http://localhost/quiz/public/ajax/';
var base_dir='http://localhost/works/laravel/quiz/public/ajax/';

1 2	//var base_dir='http://localhost/quiz/public/ajax/'; var base_dir='http://localhost/works/laravel/quiz/public/ajax/';

FROM NOW ON, I HAVE TO USE ‘http://localhost/works/laravel/quiz/public/’ INSTEAD OF ‘http://localhost:8000’! FOR HOMEPAGE AND ‘http://localhost/works/laravel/quiz/public/admin/quiz/questions’ FOR ADMIN PAGE!
NOW THE AJAX IS WORKING!! ‘Start Quiz’ button IS WORKING!
Another errors detected:

localhost/:19 GET http://localhost/works/laravel/quiz/public/foundation-5.5.2/js/vendor/modernizr.js 
localhost/:22 GET http://localhost/works/laravel/quiz/public/foundation-5.5.2/js/vendor/fastclick.js 
localhost/:22 GET http://localhost/works/laravel/quiz/public/foundation-5.5.2/js/vendor/fastclick.js 404 (Not Found)

localhost/:19 GET http://localhost/works/laravel/quiz/public/foundation-5.5.2/js/vendor/modernizr.js

localhost/:22 GET http://localhost/works/laravel/quiz/public/foundation-5.5.2/js/vendor/fastclick.js

localhost/:22 GET http://localhost/works/laravel/quiz/public/foundation-5.5.2/js/vendor/fastclick.js 404 (Not Found)

Sometimes I got unknow error when trying to edit the question (http://localhost/works/laravel/quiz/public/admin/quiz/question/376).
Solution: I need to put ‘ini_set(‘display_errors’,1);’ in /app/Http/routes.php to enable to debug the errors. It seems the ‘storage’ directory HAS NOT BEEN SET THE PERMISSION. So make sure the step #5 is executed first!

Improvements:
Many links in the admin page can’t be opened or don’t have the correct routes. Here I want to fix or develop the links.
Club Admin (http://localhost/works/laravel/quiz/public/admin/club)
Add a new route in /app/Http/routes.php

Route::get('admin/club', 'ClubController@viewClubs');

1	Route::get('admin/club', 'ClubController@viewClubs');

Create a new controller ‘ClubController.php’ in /app/Http/Controllers/

namespace App\Http\Controllers;

use Illuminate\Http\Request;
use App\models\Club;

class ClubController extends Controller
{
    public function viewClubs(Request $request)
    {
        $data=array();
        $data['title']='Clubs';
        $data['clubs']=Club::get();
        return view('club.view',$data);
        
    } 
}

namespace App\Http\Controllers;

use Illuminate\Http\Request;

use App\models\Club;

class ClubController extends Controller

{

public function viewClubs(Request $request)

{

$data=array();

$data['title']='Clubs';

$data['clubs']=Club::get();

return view('club.view',$data);

}

The ‘Club’ model is already exist in /app/models/ directory! Here we want to show all the club in our database!
The data would be showed up by /resources/views/club/view.blade.php like this:

Add/Save New Club (http://localhost/works/laravel/quiz/public/admin/club/add)
Add two new routes in /app/Http/routes.php

Route::get('admin/club/add', 'ClubController@addClub');
Route::post('admin/club/add', 'ClubController@saveAddClub');

1 2	Route::get('admin/club/add', 'ClubController@addClub'); Route::post('admin/club/add', 'ClubController@saveAddClub');

Modify a controller ‘ClubController.php’ in /app/Http/Controllers/

...
use App\models\Club;
use App\models\MartialArt;
use Validator;

class ClubController extends Controller
{
    public function viewClubs(Request $request)
    {
        ...        
    }  
    public function addClub()
    {
        $data=array();
        $data['title']='Add Club';
        $data['martial_art']=MartialArt::get();
        return view('club.add',$data);
    }
    public function saveAddClub(Request $request)
    {
        $request->flash();
        $validator = Validator::make($request->all(), [
            'club_name' => 'required',
            'club_short_name' => 'required',
            'club_email' => 'required',
            'martial_art_id' => 'required'
        ]);
        if ($validator->fails()) {
             return redirect('admin/club/add')->withErrors($validator);
        }
        else
        {
            $club=new Club($request->all());
            $club->write();
            return redirect('admin/club')->with('status', 'Club successfully added');
        }
    }
}

...

use App\models\Club;

use App\models\MartialArt;

use Validator;

class ClubController extends Controller

{

public function viewClubs(Request $request)

{

...

}

public function addClub()

{

$data=array();

$data['title']='Add Club';

$data['martial_art']=MartialArt::get();

return view('club.add',$data);

}

public function saveAddClub(Request $request)

{

$request->flash();

$validator = Validator::make($request->all(), [

'club_name' => 'required',

'club_short_name' => 'required',

'club_email' => 'required',

'martial_art_id' => 'required'

]);

if ($validator->fails()) {

return redirect('admin/club/add')->withErrors($validator);

}

else

{

$club=new Club($request->all());

$club->write();

return redirect('admin/club')->with('status', 'Club successfully added');

}

Add/modify a model ‘Club.php’ in /app/models/ directory:

<?php

namespace App\models;

use Illuminate\Database\Eloquent\Model;
use Illuminate\Database\Eloquent\SoftDeletes;
use App\models\ClubMeta;

class Club extends Model
{
    use SoftDeletes;
    protected $table = 'club';
    protected $primaryKey ='club_id';
    /**
     * The attributes that are mass assignable.
     *
     * @var array
     */
    protected $fillable = ['club_name','club_short_name','club_email','club_phone','club_location','club_map_url','martial_art_id'];

    /**
     * The attributes excluded from the model's JSON form.
     *
     * @var array
     */
    protected $dates= ['deleted_at'];
    public function write()
    {
        $this->save();
    }
}

<?php

namespace App\models;

use Illuminate\Database\Eloquent\Model;

use Illuminate\Database\Eloquent\SoftDeletes;

use App\models\ClubMeta;

class Club extends Model

{

use SoftDeletes;

protected $table = 'club';

protected $primaryKey ='club_id';

/**

* The attributes that are mass assignable.

* @var array

protected $fillable = ['club_name','club_short_name','club_email','club_phone','club_location','club_map_url','martial_art_id'];

/**

* The attributes excluded from the model's JSON form.

* @var array

protected $dates= ['deleted_at'];

public function write()

{

$this->save();

}

Add new model ‘MartialArt.php’ in /app/models/ directory:

<?php

namespace App\models;

use Illuminate\Database\Eloquent\Model;
use Illuminate\Database\Eloquent\SoftDeletes;


class MartialArt extends Model
{
    use SoftDeletes;
    protected $table = 'martial_art';
    protected $primaryKey ='martial_art_id';
    /**
     * The attributes that are mass assignable.
     *
     * @var array
     */
    protected $fillable = ['martial_art_name'];

    /**
     * The attributes excluded from the model's JSON form.
     *
     * @var array
     */
    protected $dates= ['deleted_at'];
    public function write()
    {
        $this->save();
    }
}

<?php

namespace App\models;

use Illuminate\Database\Eloquent\Model;

use Illuminate\Database\Eloquent\SoftDeletes;

class MartialArt extends Model

{

use SoftDeletes;

protected $table = 'martial_art';

protected $primaryKey ='martial_art_id';

/**

* The attributes that are mass assignable.

* @var array

protected $fillable = ['martial_art_name'];

/**

* The attributes excluded from the model's JSON form.

* @var array

protected $dates= ['deleted_at'];

public function write()

{

$this->save();

}

Add a new blade template ‘add.blade.php’ in /resources/views/club/ directory

@extends('layouts.master')
@section('title')
@endsection
@section('content')
<div class="row">
    <div class="large-8 large-offset-2 columns">
        <div class="add-panel panel panel-default">
            <div class="panel-heading">
                <h3 class="panel-title">{{$title}}</h3>
            </div>
            <br />
            @if (count($errors) > 0)
                <div class="alert alert-danger">
                    <ul>
                        @foreach ($errors->all() as $error)
                            <li>{{ $error }}</li>
                        @endforeach
                    </ul>
                </div>
            @endif
            <form class="form-horizontal" role="form" method="POST" enctype="multipart/form-data" data-abide>
                <input type="hidden" name="_token" value="{{ csrf_token() }}">
                <div class="name-field">
                    <label>Club Name <small>required</small>
                        <input type="text" class="form-control" name="club_name" value="{{ old('club_name') }}" required>
                    </label>
                    <small class="error">Club Name is required.</small>
                </div>
                <div class="name-field">
                    <label>Club Short Name <small>required</small>
                        <input type="text" class="form-control" name="club_short_name" value="{{ old('club_short_name') }}" required>
                    </label>
                    <small class="error">Club Short Name is required.</small>
                </div>
                <div class="name-field">
                    <label>Club Email <small>required</small>
                        <input type="email" class="form-control" name="club_email" value="{{ old('club_email') }}" required pattern="email">
                    </label>
                    <small class="error">Valid Email address is required.</small>
                </div>
                <div class="name-field">
                    <label>Club Phone
                        <input type="text" class="form-control" name="club_phone" value="{{ old('club_phone') }}">
                    </label>
                    <small class="error"></small>
                </div>
                <div class="name-field">
                    <label>Club Location
                        <input type="text" class="form-control" name="club_location" value="{{ old('club_location') }}">
                    </label>
                    <small class="error"></small>
                </div>
                <div class="name-field">
                    <label>Club Map Url
                        <input type="text" class="form-control" name="club_map_url" value="{{ old('club_map_url') }}">
                    </label>
                    <small class="error"></small>
                </div>
                <div class="name-field">
                    <label>Martial Art <small>required</small>
                        <select class="form-control" name="martial_art_id" required>
                            <option value="">Select Martial Art</option>
                            @foreach($martial_art as $m)
                                <option value="{{$m->martial_art_id}}" {{old('martial_art_id')==$m->martial_art_id?'selected="selected"':''}}>{{$m->martial_art_name}}</option>
                            @endforeach
                        </select>
                    </label>
                    <small class="error">Martial Art is required.</small>
                </div>
                
                <button type="submit">
                    Add Club
                </button>
            </form>
        </div>
    </div>
</div>
@endsection

@extends('layouts.master')

@section('title')

@endsection

@section('content')

<h3 class="panel-title">{{$title}}</h3>

</div>

<br />

@if (count($errors) > 0)

<ul>

@foreach ($errors->all() as $error)

<li>{{ $error }}</li>

@endforeach

</ul>

</div>

@endif

<label>Club Name <small>required</small>

</label>

<small class="error">Club Name is required.</small>

</div>

<label>Club Short Name <small>required</small>

</label>

<small class="error">Club Short Name is required.</small>

</div>

<label>Club Email <small>required</small>

</label>

<small class="error">Valid Email address is required.</small>

</div>

<label>Club Phone

</label>

</div>

<label>Club Location

</label>

</div>

<label>Club Map Url

</label>

</div>

<label>Martial Art <small>required</small>

<option value="">Select Martial Art</option>

@foreach($martial_art as $m)

<option value="{{$m->martial_art_id}}" {{old('martial_art_id')==$m->martial_art_id?'selected="selected"':''}}>{{$m->martial_art_name}}</option>

@endforeach

</select>

</label>

<small class="error">Martial Art is required.</small>

</div>

Add Club

</button>

</form>

</div>

@endsection

OK. then make a test at http://localhost/works/laravel/quiz/public/admin/club/add.

I got this club sample from Kumgang Tae Kwon Do website. Then save the data by clicking ‘Add Club’. Here is the working result:

Edit/Save Club (http://localhost/works/laravel/quiz/public/admin/club/edit/4)
First I need to put ‘Edit’ link on the club admin page (http://localhost/works/laravel/quiz/public/admin/club). Modify ‘view.blade.php’ in /resources/views/club/ directory. Modify the header table to show/hide the needed field (add class ‘all’ to show and ‘none’ to hide)

...
<table id="clubTable" class="display responsive nowrap" cellspacing="0" width="100%">
    <thead>
        <tr>
            <th class="all">Name</th>
            <th class="all">Short Name</th>
            <th class="all">Email</th>
            <th class="all">Phone</th>
            <th class="none">Location</th>
            <th class="all"></th>
        </tr>
    </thead>
...

...

<thead>

<tr>

<th class="all">Short Name</th>

<th class="all">Email</th>

<th class="all">Phone</th>

<th class="none">Location</th>

</tr>

</thead>

...

Then arrange the field width by defining the columns (‘columnDefs’) like this:

$(document).ready(function() {
    $('#clubTable').dataTable({
        responsive: true,
        "dom": 'f<t>p',
        "columnDefs": [
            { "width": "10%", "targets": 1 },
            { "width": "10%", "targets": 2 },
            { "width": "10%", "targets": 3 },
            { "width": "10%", "targets": 5 }
          ]
    });
});

$(document).ready(function() {

$('#clubTable').dataTable({

responsive: true,

"dom": 'f<t>p',

"columnDefs": [

{ "width": "10%", "targets": 1 },

{ "width": "10%", "targets": 2 },

{ "width": "10%", "targets": 3 },

{ "width": "10%", "targets": 5 }

]

});

So here is the new looks

To make the ‘Edit’ links work, add two new routes in /app/Http/routes.php

Route::get('admin/club/edit/{club_id}', 'ClubController@editClub');
Route::post('admin/club/edit/{club_id}', 'ClubController@saveEditClub');

1 2	Route::get('admin/club/edit/{club_id}', 'ClubController@editClub'); Route::post('admin/club/edit/{club_id}', 'ClubController@saveEditClub');

Then Modify ‘ClubController.php’ in /app/Http/Controllers/ dir:

<?php
...
class ClubController extends Controller
{
    public function viewClubs(Request $request)
    {
        ...
    }  
    public function addClub()
    {
        ...
    }
    public function saveAddClub(Request $request)
    {
        ...
    }
    public function editClub(Request $request)
    {
        $data=array();
        $data['title']='Edit Club';
        $data['martial_art']=MartialArt::get();
        $data['club']=Club::find($request->club_id);
        return view('club.edit',$data);
    }
    public function saveEditClub(Request $request)
    {
        $request->flash();
        $validator = Validator::make($request->all(), [
            'club_name' => 'required',
            'club_short_name' => 'required',
            'club_email' => 'required',
            'martial_art_id' => 'required'
        ]);

        if ($validator->fails()) {
             return redirect('admin/club/edit/'.$request->club_id)->withErrors($validator);
        }
        else
        {
            $club=Club::find($request->club_id);
            $club->club_name=$request->club_name;
            $club->club_short_name=$request->club_short_name;
            $club->club_email=$request->club_email;
            $club->club_phone=$request->club_phone;
            $club->club_location=$request->club_location;
            $club->club_map_url=$request->club_map_url;
            $club->martial_art_id=$request->martial_art_id;
            $club->write();
            return redirect('admin/club')->with('status', 'Club successfully updated');
        }
    }
}

<?php

...

class ClubController extends Controller

{

public function viewClubs(Request $request)

{

...

}

public function addClub()

{

...

}

public function saveAddClub(Request $request)

{

...

}

public function editClub(Request $request)

{

$data=array();

$data['title']='Edit Club';

$data['martial_art']=MartialArt::get();

$data['club']=Club::find($request->club_id);

return view('club.edit',$data);

}

public function saveEditClub(Request $request)

{

$request->flash();

$validator = Validator::make($request->all(), [

'club_name' => 'required',

'club_short_name' => 'required',

'club_email' => 'required',

'martial_art_id' => 'required'

]);

if ($validator->fails()) {

return redirect('admin/club/edit/'.$request->club_id)->withErrors($validator);

}

else

{

$club=Club::find($request->club_id);

$club->club_name=$request->club_name;

$club->club_short_name=$request->club_short_name;

$club->club_email=$request->club_email;

$club->club_phone=$request->club_phone;

$club->club_location=$request->club_location;

$club->club_map_url=$request->club_map_url;

$club->martial_art_id=$request->martial_art_id;

$club->write();

return redirect('admin/club')->with('status', 'Club successfully updated');

}

Add/Modify ‘edit.blade.php’ in /resources/views/club/ directory:

@extends('layouts.master')
@section('title')
@endsection
@section('content')
<div class="row">
    <div class="large-8 large-offset-2 columns">
        <div class="add-panel panel panel-default">
            <div class="panel-heading">
                <h3 class="panel-title">{{$title}}</h3>
            </div>
            <br />
            @if (count($errors) > 0)
                <div class="alert alert-danger">
                    <ul>
                        @foreach ($errors->all() as $error)
                            <li>{{ $error }}</li>
                        @endforeach
                    </ul>
                </div>
            @endif
            <form class="form-horizontal" role="form" method="POST" enctype="multipart/form-data" data-abide>
                <input type="hidden" name="_token" value="{{ csrf_token() }}">
                <input type="hidden" name="club_id" value="{{ $club->club_id }}">
                <div class="name-field">
                    <label>Club Name <small>required</small>
                        <input type="text" class="form-control" name="club_name" value="{{ $club->club_name }}" required>
                    </label>
                    <small class="error">Club Name is required.</small>
                </div>
                <div class="name-field">
                    <label>Club Short Name <small>required</small>
                        <input type="text" class="form-control" name="club_short_name" value="{{ $club->club_short_name }}" required>
                    </label>
                    <small class="error">Club Short Name is required.</small>
                </div>
                <div class="name-field">
                    <label>Club Email <small>required</small>
                        <input type="email" class="form-control" name="club_email" value="{{ $club->club_email }}" required pattern="email">
                    </label>
                    <small class="error">Valid Email address is required.</small>
                </div>
                <div class="name-field">
                    <label>Club Phone
                        <input type="text" class="form-control" name="club_phone" value="{{ $club->club_phone }}">
                    </label>
                    <small class="error"></small>
                </div>
                <div class="name-field">
                    <label>Club Location
                        <input type="text" class="form-control" name="club_location" value="{{ $club->club_location }}">
                    </label>
                    <small class="error"></small>
                </div>
                <div class="name-field">
                    <label>Club Map Url
                        <input type="text" class="form-control" name="club_map_url" value="{{ $club->club_map_url }}">
                    </label>
                    <small class="error"></small>
                </div>
                <div class="name-field">
                    <label>Martial Art <small>required</small>
                        <select class="form-control" name="martial_art_id" required>
                            <option value="">Select Martial Art</option>
                            @foreach($martial_art as $m)
                                <option value="{{$m->martial_art_id}}" {{$club->martial_art_id==$m->martial_art_id?'selected="selected"':''}}>{{$m->martial_art_name}}</option>
                            @endforeach
                        </select>
                    </label>
                    <small class="error">Martial Art is required.</small>
                </div>
                
                <button type="submit">
                    Update Club
                </button>
            </form>
        </div>
    </div>
</div>
@endsection

@extends('layouts.master')

@section('title')

@endsection

@section('content')

<h3 class="panel-title">{{$title}}</h3>

</div>

<br />

@if (count($errors) > 0)

<ul>

@foreach ($errors->all() as $error)

<li>{{ $error }}</li>

@endforeach

</ul>

</div>

@endif

<label>Club Name <small>required</small>

<input type="text" class="form-control" name="club_name" value="{{ $club->club_name }}" required>

</label>

<small class="error">Club Name is required.</small>

</div>

<label>Club Short Name <small>required</small>

<input type="text" class="form-control" name="club_short_name" value="{{ $club->club_short_name }}" required>

</label>

<small class="error">Club Short Name is required.</small>

</div>

<label>Club Email <small>required</small>

<input type="email" class="form-control" name="club_email" value="{{ $club->club_email }}" required pattern="email">

</label>

<small class="error">Valid Email address is required.</small>

</div>

<label>Club Phone

<input type="text" class="form-control" name="club_phone" value="{{ $club->club_phone }}">

</label>

</div>

<label>Club Location

<input type="text" class="form-control" name="club_location" value="{{ $club->club_location }}">

</label>

</div>

<label>Club Map Url

</label>

</div>

<label>Martial Art <small>required</small>

<option value="">Select Martial Art</option>

@foreach($martial_art as $m)

<option value="{{$m->martial_art_id}}" {{$club->martial_art_id==$m->martial_art_id?'selected="selected"':''}}>{{$m->martial_art_name}}</option>

@endforeach

</select>

</label>

<small class="error">Martial Art is required.</small>

</div>

Update Club

</button>

</form>

</div>

@endsection

OK. Now the Club admin can be used properly.
NOTES: When I save the new club or the edited club, I don’t find the flash status to show the data is saved/updated successfully!
HOW TO DELETE CLUB???

Sistem Informasi Sekolah (SIS)

Source: https://github.com/balitax/SI-Sekolah-L5

Installation: (the most steps is pretty same with Laravel Blog)

Create a new laravel project:

composer create-project --prefer-dist laravel/laravel sis

1

composer create-project --prefer-dist laravel/laravel sis
Download the app from https://github.com/balitax/SI-Sekolah-L5. It’s better to donwload in zip file then extract the content in /works/laravel/sis/ directory. Overwrite the existing files and directories.
Install the laravel component required:

composer install

1

composer install
edit .env file and fill the database account (DB name is sis)
Import the database file (database_sekolah.sql) along with the github.
Note: authentication scaffolding NOT RUN HERE! ERROR BUT NO PROBLEM
Use ‘migration’ to add some new tables into the new database

php artisan migrate

1

php artisan migrate
Dont forget to set the file permission in /public/ directory if we want to upload an image into it

teddy@teddy-K43SJ:~/Documents/works/laravel/sis$ sudo chmod -R 777 public/

1

teddy@teddy-K43SJ:~/Documents/works/laravel/sis$ sudo chmod -R 777 public/
I found some errors when tried it for the first time. http://localhost:8000/login IS WORKING but CAN’T LOGIN. THE USER TABLE IN ‘tbl_kepegawaian’. BECAUSE I DONT KNOW THE ‘admin’ PASSWORD, I NEED TO UPDATE ‘password’ FIELD WITH ‘$2y$10$eWW.aZOeruiS1VEO0ghKHu7A7UoQcj2tVmLIcnw6JnrcsiljuOmYK’ –> ‘satria’. SO the ‘admin’ password is ‘satria’. NOW I CAN GO INTO THE ADMIN PAGE (dashboard, data sekolah, data siswa, galeri foto, absensi siswa, data pegawai, etc).
THERE ARE SO MANY ERRORS (I CAN’T GO INTO THE WEBSITE ROOT OR http://localhost:8000/ BUT ONLY CAN GO TO http://localhost:8000/admin). ANYWAY IT’S GOOD AND I CAN SEE THE SCREEN!
NOTES: pls study the routes in /app/Http/routes.php !

SOMETHING IS NEEDED TO FIX SOME ERRORS:

Error when I want to acces the root http://localhost:8000/
“FatalErrorException in Handler.php line 25:
Uncaught TypeError: Argument 1 passed to App\Exceptions\Handler::report() must be an instance of Exception, instance of Error given, called in /home/teddy/Documents/works/laravel/sis/vendor/laravel/framework/src/Illuminate/Foundation/Bootstrap/HandleExceptions.php on line 73 and defined in /home/teddy/Documents/works/laravel/sis/app/Exceptions/Handler.php:25
Stack trace:
#0 /home/teddy/Documents/works/laravel/sis/vendor/laravel/framework/src/Illuminate/Foundation/Bootstrap/HandleExceptions.php(73): App\Exceptions\Handler->report(Object(Error))
#1 [internal function]: Illuminate\Foundation\Bootstrap\HandleExceptions->handleException(Object(Error))
#2 {main}
thrown”
SOLUTION: The error because I use PHP 7 (CLI) when I started the server (‘php artisan serve’). ref: http://stackoverflow.com/questions/36983734/laravel-fatalerrorexception-in-handler-php-line-25. So use php 5.6 instead when starting the server like this:

php5.6 artisan serve

1

php5.6 artisan serve

Another error when accessing the root website:
“FatalErrorException in FrontController.php line 42:
Class ‘App\Models\Banner’ not found”
SOLUTION: In /app/Http/Controllers/FrontController.php, comment a few lines:

//$this->data['banner']           = Models\Banner::where('id',1)->first();
//$this->data['link']             = Models\Link::orderBy('id','desc')->limit(5)->get();
//$this->data['publikasi']        = Models\Publikasi::orderBy('id','desc')->limit(3)->get();

//$this->data['banner'] = Models\Banner::where('id',1)->first();

//$this->data['link'] = Models\Link::orderBy('id','desc')->limit(5)->get();

//$this->data['publikasi'] = Models\Publikasi::orderBy('id','desc')->limit(3)->get();

Because there is models available for them.
Also in ‘index’ function, replace ‘bappeda’ with ‘web’

public function index() {
    //return view('bappeda.home', $this->data);
    return view('web.home', $this->data);
}

public function index() {

//return view('bappeda.home', $this->data);

return view('web.home', $this->data);

}

Now, the root/front website can be displayed but the website can’t be loaded. User need to upload the logo manually from the admin page -> Setting (http://localhost:8000/admin/setting). But when I saved the input, This error is appeared:
“QueryException in Connection.php line 624:
SQLSTATE[42S22]: Column not found: 1054 Unknown column ‘peta_latitude’ in ‘field list’ (SQL: update tbl_setting set title_web = Sekolah Ku, desc_web = Sekolah Ku, key_web = sekolah, logo = lapVa94436orMdu892YPf3uSj931XM.png, facebook = , twitter = , gplus = , peta_latitude = , peta_longitude = , alamat = , no_telp = , no_fax = , email = where id_setting = 1)”
SOLUTION: Modify tbl_setting in the database, then add these new fields: peta_latitude varchar(25), peta_longitude varchar(25), alamat text, no_telp varchar(25), no_fax varchar(25) and email varchar(25).
Now the website logo can be displayed

When I clicked one of the news (berita) like http://localhost:8000/baca/berita/2011-lembaga-pemerintah-sudah-harus-cicipi-open-source, I got this error:
“InvalidArgumentException in FileViewFinder.php line 140:
View [bappeda.berita_detail] not found.”
SOLUTION: in /app/Http/Controllers/FrontController.php, Modify ‘berita’ function and replace ‘bappeda’ with ‘web’ and ‘berita_detail’ with ‘beritadetail’

public function berita($slug) {
    $berita_detail              = Models\Berita::where('slug_berita',$slug)->first();
    $this->data['title']        = $berita_detail->judul_berita;
    $this->data['beritalist']   = $berita_detail;
    $this->data['desc']         = substr($berita_detail->isi,0,200).'...';
    $this->data['key']          = $berita_detail->judul_berita;
    //return view('bappeda.berita_detail', $this->data);
    return view('web.beritadetail', $this->data);
}

public function berita($slug) {

$berita_detail = Models\Berita::where('slug_berita',$slug)->first();

$this->data['title'] = $berita_detail->judul_berita;

$this->data['beritalist'] = $berita_detail;

$this->data['desc'] = substr($berita_detail->isi,0,200).'...';

$this->data['key'] = $berita_detail->judul_berita;

//return view('bappeda.berita_detail', $this->data);

return view('web.beritadetail', $this->data);

}

When I clicked one of the ‘Profil Sekolah’ links like http://localhost:8000/page/profil-sekolah, I got this error:
“InvalidArgumentException in FileViewFinder.php line 140:
View [bappeda.halaman] not found.”
SOLUTION: SAME WITH ABOVE, Modify ‘halaman’ function in FrontController.php and replace ‘bappeda’ with ‘web’:

public function halaman($slug) {
    $detail_halaman         = Models\Data::where('slug_data',$slug)->first();
    $this->data['page']     = $detail_halaman;
    $this->data['title']    = $detail_halaman->title;
    $this->data['desc']     = strip_tags(substr($detail_halaman->content,0,200));
    return view('web.halaman', $this->data);
}

public function halaman($slug) {

$detail_halaman = Models\Data::where('slug_data',$slug)->first();

$this->data['page'] = $detail_halaman;

$this->data['title'] = $detail_halaman->title;

$this->data['desc'] = strip_tags(substr($detail_halaman->content,0,200));

return view('web.halaman', $this->data);

}

Some links still shows error like for ‘pengumuman’ (http://localhost:8000/baca/pengumuman/pembagian-raport-semester-ganjil-tahun-ajaran-2010-2011) –> check the route and make sure the model is exist
SOLUTION: There is no ‘pengumuman’ route, so add them (also for pengumuman index and detail) in /app/Http/routes.php like this:

Route::get('/pengumuman', 'FrontController@pengumumanlist');
Route::get('/baca/pengumuman/{slug}', 'FrontController@pengumuman');

1 2	Route::get('/pengumuman', 'FrontController@pengumumanlist'); Route::get('/baca/pengumuman/{slug}', 'FrontController@pengumuman');

Then in FrontController.php, like above replace ‘bappeda’ with ‘web’ for ‘pengumumanlist’ and ‘pengumuman’ functions:

public function pengumumanlist() {
    ...
    //return view('bappeda.informasi', $this->data);
    return view('web.pengumuman', $this->data);
}

public function pengumuman($slug) {
    ...
    //return view('bappeda.detail_informasi', $this->data);
    return view('web.pengumuman_detail', $this->data);
}

public function pengumumanlist() {

...

//return view('bappeda.informasi', $this->data);

return view('web.pengumuman', $this->data);

}

public function pengumuman($slug) {

...

//return view('bappeda.detail_informasi', $this->data);

return view('web.pengumuman_detail', $this->data);

}

For Galleri menu, do this:

public function album() {
    ...
    return view('web.galeri', $this->data);
}

public function foto($id) {
    ...
    return view('web.galeri_detail', $this->data);
}

public function album() {

...

return view('web.galeri', $this->data);

}

public function foto($id) {

...

return view('web.galeri_detail', $this->data);

}

Some pages in the admin (http://localhost:8000/admin) still can’t be showed up properly (some weirds characters appeared!)

Laravel Blog

Create a new laravel project:

composer create-project --prefer-dist laravel/laravel laravel-blog-tutorial

1	composer create-project --prefer-dist laravel/laravel laravel-blog-tutorial

teddy@teddy-K43SJ:~/Documents/works/laravel$ composer create-project --prefer-dist laravel/laravel laravel-blog-tutorial
You are running composer with xdebug enabled. This has a major impact on runtime performance. See https://getcomposer.org/xdebug
Installing laravel/laravel (v5.3.16)
  - Installing laravel/laravel (v5.3.16)
    Loading from cache

Created project in laravel-blog-tutorial
> php -r "file_exists('.env') || copy('.env.example', '.env');"
Loading composer repositories with package information
Updating dependencies (including require-dev)
  - Installing vlucas/phpdotenv (v2.4.0)
    Loading from cache

  - Installing symfony/polyfill-mbstring (v1.3.0)
    Loading from cache

  - Installing symfony/var-dumper (v3.1.8)
    Downloading: 100%         

  - Installing symfony/translation (v3.1.8)
    Downloading: 100%         

  - Installing symfony/routing (v3.1.8)
    Downloading: 100%         

  - Installing symfony/process (v3.1.8)
    Downloading: 100%         

  - Installing psr/log (1.0.2)
    Loading from cache

  - Installing symfony/debug (v3.1.8)
    Downloading: 100%         

  - Installing symfony/http-foundation (v3.1.8)
    Downloading: 100%         

  - Installing symfony/event-dispatcher (v3.2.1)
    Loading from cache

  - Installing symfony/http-kernel (v3.1.8)
    Downloading: 100%         

  - Installing symfony/finder (v3.1.8)
    Downloading: 100%         

  - Installing symfony/console (v3.1.8)
    Downloading: 100%         

  - Installing swiftmailer/swiftmailer (v5.4.4)
    Downloading: 100%         

  - Installing paragonie/random_compat (v2.0.4)
    Downloading: 100%         

  - Installing ramsey/uuid (3.5.2)
    Downloading: 100%         

  - Installing jakub-onderka/php-console-color (0.1)
    Loading from cache

  - Installing jakub-onderka/php-console-highlighter (v0.3.2)
    Loading from cache

  - Installing dnoegel/php-xdg-base-dir (0.1)
    Loading from cache

  - Installing nikic/php-parser (v3.0.2)
    Downloading: 100%         

  - Installing psy/psysh (v0.8.0)
    Downloading: 100%         

  - Installing nesbot/carbon (1.21.0)
    Loading from cache

  - Installing mtdowling/cron-expression (v1.1.0)
    Loading from cache

  - Installing monolog/monolog (1.22.0)
    Downloading: 100%         

  - Installing league/flysystem (1.0.32)
    Loading from cache

  - Installing symfony/polyfill-util (v1.3.0)
    Downloading: 100%         

  - Installing symfony/polyfill-php56 (v1.3.0)
    Downloading: 100%         

  - Installing jeremeamia/superclosure (2.3.0)
    Downloading: 100%         

  - Installing doctrine/inflector (v1.1.0)
    Loading from cache

  - Installing classpreloader/classpreloader (3.1.0)
    Downloading: 100%         

  - Installing laravel/framework (v5.3.28)
    Downloading: 100%         

  - Installing fzaninotto/faker (v1.6.0)
    Loading from cache

  - Installing hamcrest/hamcrest-php (v1.2.2)
    Loading from cache

  - Installing mockery/mockery (0.9.7)
    Downloading: 100%         

  - Installing symfony/yaml (v3.2.1)
    Downloading: 100%         

  - Installing sebastian/version (2.0.1)
    Loading from cache

  - Installing sebastian/resource-operations (1.0.0)
    Loading from cache

  - Installing sebastian/recursion-context (2.0.0)
    Downloading: 100%         

  - Installing sebastian/object-enumerator (2.0.0)
    Downloading: 100%         

  - Installing sebastian/global-state (1.1.1)
    Loading from cache

  - Installing sebastian/exporter (2.0.0)
    Downloading: 100%         

  - Installing sebastian/environment (2.0.0)
    Downloading: 100%         

  - Installing sebastian/diff (1.4.1)
    Loading from cache

  - Installing sebastian/comparator (1.2.2)
    Downloading: 100%         

  - Installing doctrine/instantiator (1.0.5)
    Loading from cache

  - Installing phpunit/php-text-template (1.2.1)
    Loading from cache

  - Installing phpunit/phpunit-mock-objects (3.4.3)
    Downloading: 100%         

  - Installing phpunit/php-timer (1.0.8)
    Loading from cache

  - Installing phpunit/php-file-iterator (1.4.2)
    Downloading: 100%         

  - Installing sebastian/code-unit-reverse-lookup (1.0.0)
    Loading from cache

  - Installing phpunit/php-token-stream (1.4.9)
    Downloading: 100%         

  - Installing phpunit/php-code-coverage (4.0.4)
    Downloading: 100%         

  - Installing webmozart/assert (1.2.0)
    Downloading: 100%         

  - Installing phpdocumentor/reflection-common (1.0)
    Loading from cache

  - Installing phpdocumentor/type-resolver (0.2.1)
    Downloading: 100%         

  - Installing phpdocumentor/reflection-docblock (3.1.1)
    Loading from cache

  - Installing phpspec/prophecy (v1.6.2)
    Downloading: 100%         

  - Installing myclabs/deep-copy (1.5.5)
    Downloading: 100%         

  - Installing phpunit/phpunit (5.7.4)
    Downloading: 100%         

  - Installing symfony/css-selector (v3.1.8)
    Downloading: 100%         

  - Installing symfony/dom-crawler (v3.1.8)
    Downloading: 100%         

symfony/var-dumper suggests installing ext-symfony_debug ()
symfony/translation suggests installing symfony/config ()
symfony/routing suggests installing doctrine/annotations (For using the annotation loader)
symfony/routing suggests installing symfony/config (For using the all-in-one router or any loader)
symfony/routing suggests installing symfony/dependency-injection (For loading routes from a service)
symfony/routing suggests installing symfony/expression-language (For using expression matching)
symfony/event-dispatcher suggests installing symfony/dependency-injection ()
symfony/http-kernel suggests installing symfony/browser-kit ()
symfony/http-kernel suggests installing symfony/class-loader ()
symfony/http-kernel suggests installing symfony/config ()
symfony/http-kernel suggests installing symfony/dependency-injection ()
paragonie/random_compat suggests installing ext-libsodium (Provides a modern crypto API that can be used to generate random bytes.)
ramsey/uuid suggests installing ircmaxell/random-lib (Provides RandomLib for use with the RandomLibAdapter)
ramsey/uuid suggests installing ext-libsodium (Provides the PECL libsodium extension for use with the SodiumRandomGenerator)
ramsey/uuid suggests installing ext-uuid (Provides the PECL UUID extension for use with the PeclUuidTimeGenerator and PeclUuidRandomGenerator)
ramsey/uuid suggests installing moontoast/math (Provides support for converting UUID to 128-bit integer (in string form).)
ramsey/uuid suggests installing ramsey/uuid-doctrine (Allows the use of Ramsey\Uuid\Uuid as Doctrine field type.)
ramsey/uuid suggests installing ramsey/uuid-console (A console application for generating UUIDs with ramsey/uuid)
psy/psysh suggests installing ext-pdo-sqlite (The doc command requires SQLite to work.)
psy/psysh suggests installing hoa/console (A pure PHP readline implementation. You'll want this if your PHP install doesn't already support readline or libedit.)
monolog/monolog suggests installing aws/aws-sdk-php (Allow sending log messages to AWS services like DynamoDB)
monolog/monolog suggests installing doctrine/couchdb (Allow sending log messages to a CouchDB server)
monolog/monolog suggests installing ext-amqp (Allow sending log messages to an AMQP server (1.0+ required))
monolog/monolog suggests installing ext-mongo (Allow sending log messages to a MongoDB server)
monolog/monolog suggests installing graylog2/gelf-php (Allow sending log messages to a GrayLog2 server)
monolog/monolog suggests installing mongodb/mongodb (Allow sending log messages to a MongoDB server via PHP Driver)
monolog/monolog suggests installing php-amqplib/php-amqplib (Allow sending log messages to an AMQP server using php-amqplib)
monolog/monolog suggests installing php-console/php-console (Allow sending log messages to Google Chrome)
monolog/monolog suggests installing rollbar/rollbar (Allow sending log messages to Rollbar)
monolog/monolog suggests installing ruflin/elastica (Allow sending log messages to an Elastic Search server)
monolog/monolog suggests installing sentry/sentry (Allow sending log messages to a Sentry server)
league/flysystem suggests installing league/flysystem-aws-s3-v2 (Allows you to use S3 storage with AWS SDK v2)
league/flysystem suggests installing league/flysystem-aws-s3-v3 (Allows you to use S3 storage with AWS SDK v3)
league/flysystem suggests installing league/flysystem-azure (Allows you to use Windows Azure Blob storage)
league/flysystem suggests installing league/flysystem-cached-adapter (Flysystem adapter decorator for metadata caching)
league/flysystem suggests installing league/flysystem-copy (Allows you to use Copy.com storage)
league/flysystem suggests installing league/flysystem-dropbox (Allows you to use Dropbox storage)
league/flysystem suggests installing league/flysystem-eventable-filesystem (Allows you to use EventableFilesystem)
league/flysystem suggests installing league/flysystem-rackspace (Allows you to use Rackspace Cloud Files)
league/flysystem suggests installing league/flysystem-sftp (Allows you to use SFTP server storage via phpseclib)
league/flysystem suggests installing league/flysystem-webdav (Allows you to use WebDAV storage)
league/flysystem suggests installing league/flysystem-ziparchive (Allows you to use ZipArchive adapter)
laravel/framework suggests installing aws/aws-sdk-php (Required to use the SQS queue driver and SES mail driver (~3.0).)
laravel/framework suggests installing doctrine/dbal (Required to rename columns and drop SQLite columns (~2.4).)
laravel/framework suggests installing guzzlehttp/guzzle (Required to use the Mailgun and Mandrill mail drivers and the ping methods on schedules (~5.3|~6.0).)
laravel/framework suggests installing league/flysystem-aws-s3-v3 (Required to use the Flysystem S3 driver (~1.0).)
laravel/framework suggests installing league/flysystem-rackspace (Required to use the Flysystem Rackspace driver (~1.0).)
laravel/framework suggests installing pda/pheanstalk (Required to use the beanstalk queue driver (~3.0).)
laravel/framework suggests installing predis/predis (Required to use the redis cache and queue drivers (~1.0).)
laravel/framework suggests installing pusher/pusher-php-server (Required to use the Pusher broadcast driver (~2.0).)
laravel/framework suggests installing symfony/psr-http-message-bridge (Required to use psr7 bridging features (0.2.*).)
sebastian/global-state suggests installing ext-uopz (*)
phpunit/phpunit-mock-objects suggests installing ext-soap (*)
phpunit/phpunit suggests installing phpunit/php-invoker (~1.1)
Writing lock file
Generating autoload files
> Illuminate\Foundation\ComposerScripts::postUpdate
> php artisan optimize
Generating optimized class loader
The compiled class file has been removed.
> php artisan key:generate
Application key [base64:rjLfe49t/UHcv74aIu3XHobSXw23qcKpUranTPa2Das=] set successfully.

100

101

102

103

104

105

106

107

108

109

110

111

112

113

114

115

116

117

118

119

120

121

122

123

124

125

126

127

128

129

130

131

132

133

134

135

136

137

138

139

140

141

142

143

144

145

146

147

148

149

150

151

152

153

154

155

156

157

158

159

160

161

162

163

164

165

166

167

168

169

170

171

172

173

174

175

176

177

178

179

180

181

182

183

184

185

186

187

188

189

190

191

192

193

194

195

196

197

198

199

200

201

202

203

204

205

206

207

208

209

210

211

212

213

214

215

216

217

218

219

220

221

222

223

224

225

226

227

228

229

230

231

232

233

234

235

236

237

238

239

240

241

242

243

244

245

246

247

248

249

250

251

252

253

254

255

teddy@teddy-K43SJ:~/Documents/works/laravel$ composer create-project --prefer-dist laravel/laravel laravel-blog-tutorial

You are running composer with xdebug enabled. This has a major impact on runtime performance. See https://getcomposer.org/xdebug

Installing laravel/laravel (v5.3.16)

- Installing laravel/laravel (v5.3.16)

Loading from cache

Created project in laravel-blog-tutorial

> php -r "file_exists('.env') || copy('.env.example', '.env');"

Loading composer repositories with package information

Updating dependencies (including require-dev)

- Installing vlucas/phpdotenv (v2.4.0)

Loading from cache

- Installing symfony/polyfill-mbstring (v1.3.0)

Loading from cache

- Installing symfony/var-dumper (v3.1.8)

Downloading: 100%

- Installing symfony/translation (v3.1.8)

Downloading: 100%

- Installing symfony/routing (v3.1.8)

Downloading: 100%

- Installing symfony/process (v3.1.8)

Downloading: 100%

- Installing psr/log (1.0.2)

Loading from cache

- Installing symfony/debug (v3.1.8)

Downloading: 100%

- Installing symfony/http-foundation (v3.1.8)

Downloading: 100%

- Installing symfony/event-dispatcher (v3.2.1)

Loading from cache

- Installing symfony/http-kernel (v3.1.8)

Downloading: 100%

- Installing symfony/finder (v3.1.8)

Downloading: 100%

- Installing symfony/console (v3.1.8)

Downloading: 100%

- Installing swiftmailer/swiftmailer (v5.4.4)

Downloading: 100%

- Installing paragonie/random_compat (v2.0.4)

Downloading: 100%

- Installing ramsey/uuid (3.5.2)

Downloading: 100%

- Installing jakub-onderka/php-console-color (0.1)

Loading from cache

- Installing jakub-onderka/php-console-highlighter (v0.3.2)

Loading from cache

- Installing dnoegel/php-xdg-base-dir (0.1)

Loading from cache

- Installing nikic/php-parser (v3.0.2)

Downloading: 100%

- Installing psy/psysh (v0.8.0)

Downloading: 100%

- Installing nesbot/carbon (1.21.0)

Loading from cache

- Installing mtdowling/cron-expression (v1.1.0)

Loading from cache

- Installing monolog/monolog (1.22.0)

Downloading: 100%

- Installing league/flysystem (1.0.32)

Loading from cache

- Installing symfony/polyfill-util (v1.3.0)

Downloading: 100%

- Installing symfony/polyfill-php56 (v1.3.0)

Downloading: 100%

- Installing jeremeamia/superclosure (2.3.0)

Downloading: 100%

- Installing doctrine/inflector (v1.1.0)

Loading from cache

- Installing classpreloader/classpreloader (3.1.0)

Downloading: 100%

- Installing laravel/framework (v5.3.28)

Downloading: 100%

- Installing fzaninotto/faker (v1.6.0)

Loading from cache

- Installing hamcrest/hamcrest-php (v1.2.2)

Loading from cache

- Installing mockery/mockery (0.9.7)

Downloading: 100%

- Installing symfony/yaml (v3.2.1)

Downloading: 100%

- Installing sebastian/version (2.0.1)

Loading from cache

- Installing sebastian/resource-operations (1.0.0)

Loading from cache

- Installing sebastian/recursion-context (2.0.0)

Downloading: 100%

- Installing sebastian/object-enumerator (2.0.0)

Downloading: 100%

- Installing sebastian/global-state (1.1.1)

Loading from cache

- Installing sebastian/exporter (2.0.0)

Downloading: 100%

- Installing sebastian/environment (2.0.0)

Downloading: 100%

- Installing sebastian/diff (1.4.1)

Loading from cache

- Installing sebastian/comparator (1.2.2)

Downloading: 100%

- Installing doctrine/instantiator (1.0.5)

Loading from cache

- Installing phpunit/php-text-template (1.2.1)

Loading from cache

- Installing phpunit/phpunit-mock-objects (3.4.3)

Downloading: 100%

- Installing phpunit/php-timer (1.0.8)

Loading from cache

- Installing phpunit/php-file-iterator (1.4.2)

Downloading: 100%

- Installing sebastian/code-unit-reverse-lookup (1.0.0)

Loading from cache

- Installing phpunit/php-token-stream (1.4.9)

Downloading: 100%

- Installing phpunit/php-code-coverage (4.0.4)

Downloading: 100%

- Installing webmozart/assert (1.2.0)

Downloading: 100%

- Installing phpdocumentor/reflection-common (1.0)

Loading from cache

- Installing phpdocumentor/type-resolver (0.2.1)

Downloading: 100%

- Installing phpdocumentor/reflection-docblock (3.1.1)

Loading from cache

- Installing phpspec/prophecy (v1.6.2)

Downloading: 100%

- Installing myclabs/deep-copy (1.5.5)

Downloading: 100%

- Installing phpunit/phpunit (5.7.4)

Downloading: 100%

- Installing symfony/css-selector (v3.1.8)

Downloading: 100%

- Installing symfony/dom-crawler (v3.1.8)

Downloading: 100%

symfony/var-dumper suggests installing ext-symfony_debug ()

symfony/translation suggests installing symfony/config ()

symfony/routing suggests installing doctrine/annotations (For using the annotation loader)

symfony/routing suggests installing symfony/config (For using the all-in-one router or any loader)

symfony/routing suggests installing symfony/dependency-injection (For loading routes from a service)

symfony/routing suggests installing symfony/expression-language (For using expression matching)

symfony/event-dispatcher suggests installing symfony/dependency-injection ()

symfony/http-kernel suggests installing symfony/browser-kit ()

symfony/http-kernel suggests installing symfony/class-loader ()

symfony/http-kernel suggests installing symfony/config ()

symfony/http-kernel suggests installing symfony/dependency-injection ()

paragonie/random_compat suggests installing ext-libsodium (Provides a modern crypto API that can be used to generate random bytes.)

ramsey/uuid suggests installing ircmaxell/random-lib (Provides RandomLib for use with the RandomLibAdapter)

ramsey/uuid suggests installing ext-libsodium (Provides the PECL libsodium extension for use with the SodiumRandomGenerator)

ramsey/uuid suggests installing ext-uuid (Provides the PECL UUID extension for use with the PeclUuidTimeGenerator and PeclUuidRandomGenerator)

ramsey/uuid suggests installing moontoast/math (Provides support for converting UUID to 128-bit integer (in string form).)

ramsey/uuid suggests installing ramsey/uuid-doctrine (Allows the use of Ramsey\Uuid\Uuid as Doctrine field type.)

ramsey/uuid suggests installing ramsey/uuid-console (A console application for generating UUIDs with ramsey/uuid)

psy/psysh suggests installing ext-pdo-sqlite (The doc command requires SQLite to work.)

psy/psysh suggests installing hoa/console (A pure PHP readline implementation. You'll want this if your PHP install doesn't already support readline or libedit.)

monolog/monolog suggests installing aws/aws-sdk-php (Allow sending log messages to AWS services like DynamoDB)

monolog/monolog suggests installing doctrine/couchdb (Allow sending log messages to a CouchDB server)

monolog/monolog suggests installing ext-amqp (Allow sending log messages to an AMQP server (1.0+ required))

monolog/monolog suggests installing ext-mongo (Allow sending log messages to a MongoDB server)

monolog/monolog suggests installing graylog2/gelf-php (Allow sending log messages to a GrayLog2 server)

monolog/monolog suggests installing mongodb/mongodb (Allow sending log messages to a MongoDB server via PHP Driver)

monolog/monolog suggests installing php-amqplib/php-amqplib (Allow sending log messages to an AMQP server using php-amqplib)

monolog/monolog suggests installing php-console/php-console (Allow sending log messages to Google Chrome)

monolog/monolog suggests installing rollbar/rollbar (Allow sending log messages to Rollbar)

monolog/monolog suggests installing ruflin/elastica (Allow sending log messages to an Elastic Search server)

monolog/monolog suggests installing sentry/sentry (Allow sending log messages to a Sentry server)

league/flysystem suggests installing league/flysystem-aws-s3-v2 (Allows you to use S3 storage with AWS SDK v2)

league/flysystem suggests installing league/flysystem-aws-s3-v3 (Allows you to use S3 storage with AWS SDK v3)

league/flysystem suggests installing league/flysystem-azure (Allows you to use Windows Azure Blob storage)

league/flysystem suggests installing league/flysystem-cached-adapter (Flysystem adapter decorator for metadata caching)

league/flysystem suggests installing league/flysystem-copy (Allows you to use Copy.com storage)

league/flysystem suggests installing league/flysystem-dropbox (Allows you to use Dropbox storage)

league/flysystem suggests installing league/flysystem-eventable-filesystem (Allows you to use EventableFilesystem)

league/flysystem suggests installing league/flysystem-rackspace (Allows you to use Rackspace Cloud Files)

league/flysystem suggests installing league/flysystem-sftp (Allows you to use SFTP server storage via phpseclib)

league/flysystem suggests installing league/flysystem-webdav (Allows you to use WebDAV storage)

league/flysystem suggests installing league/flysystem-ziparchive (Allows you to use ZipArchive adapter)

laravel/framework suggests installing aws/aws-sdk-php (Required to use the SQS queue driver and SES mail driver (~3.0).)

laravel/framework suggests installing doctrine/dbal (Required to rename columns and drop SQLite columns (~2.4).)

laravel/framework suggests installing guzzlehttp/guzzle (Required to use the Mailgun and Mandrill mail drivers and the ping methods on schedules (~5.3|~6.0).)

laravel/framework suggests installing league/flysystem-aws-s3-v3 (Required to use the Flysystem S3 driver (~1.0).)

laravel/framework suggests installing league/flysystem-rackspace (Required to use the Flysystem Rackspace driver (~1.0).)

laravel/framework suggests installing pda/pheanstalk (Required to use the beanstalk queue driver (~3.0).)

laravel/framework suggests installing predis/predis (Required to use the redis cache and queue drivers (~1.0).)

laravel/framework suggests installing pusher/pusher-php-server (Required to use the Pusher broadcast driver (~2.0).)

laravel/framework suggests installing symfony/psr-http-message-bridge (Required to use psr7 bridging features (0.2.*).)

sebastian/global-state suggests installing ext-uopz (*)

phpunit/phpunit-mock-objects suggests installing ext-soap (*)

phpunit/phpunit suggests installing phpunit/php-invoker (~1.1)

Writing lock file

Generating autoload files

> Illuminate\Foundation\ComposerScripts::postUpdate

> php artisan optimize

Generating optimized class loader

The compiled class file has been removed.

> php artisan key:generate

Application key [base64:rjLfe49t/UHcv74aIu3XHobSXw23qcKpUranTPa2Das=] set successfully.

Download the ready made laravel blog app from https://github.com/jacurtis/laravel-blog-tutorial. It’s better to donwload in zip file then extract the content in /works/laravel/laravel-blog-tutorial/ directory. Overwrite the existing files and directories.

Install the laravel component required:

composer install

1	composer install

teddy@teddy-K43SJ:~/Documents/works/laravel/laravel-blog-tutorial$ composer install
You are running composer with xdebug enabled. This has a major impact on runtime performance. See https://getcomposer.org/xdebug
Loading composer repositories with package information
Installing dependencies (including require-dev) from lock file
  - Removing myclabs/deep-copy (1.5.5)
  - Removing phpdocumentor/type-resolver (0.2.1)
  - Removing phpdocumentor/reflection-common (1.0)
  - Removing webmozart/assert (1.2.0)
  - Removing sebastian/code-unit-reverse-lookup (1.0.0)
  - Removing sebastian/resource-operations (1.0.0)
  - Removing ramsey/uuid (3.5.2)
  - Removing sebastian/object-enumerator (2.0.0)
  - Removing nikic/php-parser (v3.0.2)
  - Installing nikic/php-parser (v2.0.1)
    Downloading: 100%         

  - Removing classpreloader/classpreloader (3.1.0)
  - Installing classpreloader/classpreloader (3.0.0)
    Loading from cache

  - Removing symfony/polyfill-util (v1.3.0)
  - Installing symfony/polyfill-util (v1.1.1)
    Loading from cache

  - Removing symfony/polyfill-php56 (v1.3.0)
  - Installing symfony/polyfill-php56 (v1.1.1)
    Loading from cache

  - Removing jeremeamia/superclosure (2.3.0)
  - Installing jeremeamia/superclosure (2.2.0)
    Loading from cache

  - Removing league/flysystem (1.0.32)
  - Installing league/flysystem (1.0.20)
    Downloading: 100%         

  - Removing psr/log (1.0.2)
  - Installing psr/log (1.0.0)
    Loading from cache

  - Removing monolog/monolog (1.22.0)
  - Installing monolog/monolog (1.18.1)
    Downloading: 100%         

  - Removing paragonie/random_compat (v2.0.4)
  - Installing paragonie/random_compat (v1.4.1)
    Loading from cache

  - Removing symfony/polyfill-mbstring (v1.3.0)
  - Installing symfony/polyfill-mbstring (v1.1.1)
    Loading from cache

  - Removing symfony/var-dumper (v3.1.8)
  - Installing symfony/var-dumper (v3.0.3)
    Downloading: 100%         

  - Removing symfony/console (v3.1.8)
  - Installing symfony/console (v3.0.3)
    Downloading: 100%         

  - Removing psy/psysh (v0.8.0)
  - Installing psy/psysh (v0.7.2)
    Loading from cache

  - Removing swiftmailer/swiftmailer (v5.4.4)
  - Installing swiftmailer/swiftmailer (v5.4.1)
    Loading from cache

  - Removing symfony/finder (v3.1.8)
  - Installing symfony/finder (v3.0.3)
    Downloading: 100%         

  - Removing symfony/http-foundation (v3.1.8)
  - Installing symfony/http-foundation (v3.0.3)
    Downloading: 100%         

  - Removing symfony/event-dispatcher (v3.2.1)
  - Installing symfony/event-dispatcher (v3.0.3)
    Downloading: 100%         

  - Removing symfony/debug (v3.1.8)
  - Installing symfony/debug (v3.0.3)
    Downloading: 100%         

  - Removing symfony/http-kernel (v3.1.8)
  - Installing symfony/http-kernel (v3.0.3)
    Downloading: 100%         

  - Removing symfony/process (v3.1.8)
  - Installing symfony/process (v3.0.3)
    Downloading: 100%         

  - Removing symfony/routing (v3.1.8)
  - Installing symfony/routing (v3.0.3)
    Downloading: 100%         

  - Removing symfony/translation (v3.1.8)
  - Installing symfony/translation (v3.0.3)
    Downloading: 100%         

  - Removing vlucas/phpdotenv (v2.4.0)
  - Installing vlucas/phpdotenv (v2.2.0)
    Downloading: 100%         

  - Removing fzaninotto/faker (v1.6.0)
  - Installing fzaninotto/faker (v1.5.0)
    Downloading: 100%         

  - Removing mockery/mockery (0.9.7)
  - Installing mockery/mockery (0.9.4)
    Downloading: 100%         

  - Removing phpdocumentor/reflection-docblock (3.1.1)
  - Installing phpdocumentor/reflection-docblock (2.0.4)
    Downloading: 100%         

  - Removing phpunit/php-token-stream (1.4.9)
  - Installing phpunit/php-token-stream (1.4.8)
    Loading from cache

  - Removing symfony/yaml (v3.2.1)
  - Installing symfony/yaml (v3.0.3)
    Downloading: 100%         

  - Removing sebastian/version (2.0.1)
  - Installing sebastian/version (1.0.6)
    Loading from cache

  - Removing sebastian/recursion-context (2.0.0)
  - Installing sebastian/recursion-context (1.0.2)
    Loading from cache

  - Removing sebastian/exporter (2.0.0)
  - Installing sebastian/exporter (1.2.1)
    Downloading: 100%         

  - Removing sebastian/environment (2.0.0)
  - Installing sebastian/environment (1.3.5)
    Downloading: 100%         

  - Removing sebastian/comparator (1.2.2)
  - Installing sebastian/comparator (1.2.0)
    Loading from cache

  - Removing phpunit/phpunit-mock-objects (3.4.3)
  - Installing phpunit/phpunit-mock-objects (2.3.8)
    Loading from cache

  - Removing phpunit/php-timer (1.0.8)
  - Installing phpunit/php-timer (1.0.7)
    Downloading: 100%         

  - Removing phpunit/php-file-iterator (1.4.2)
  - Installing phpunit/php-file-iterator (1.4.1)
    Loading from cache

  - Removing phpunit/php-code-coverage (4.0.4)
  - Installing phpunit/php-code-coverage (2.2.4)
    Loading from cache

  - Removing phpspec/prophecy (v1.6.2)
  - Installing phpspec/prophecy (v1.6.0)
    Downloading: 100%         

  - Removing phpunit/phpunit (5.7.4)
  - Installing phpunit/phpunit (4.8.24)
    Downloading: 100%         

  - Removing symfony/css-selector (v3.1.8)
  - Installing symfony/css-selector (v3.0.3)
    Downloading: 100%         

  - Removing symfony/dom-crawler (v3.1.8)
  - Installing symfony/dom-crawler (v3.0.3)
    Downloading: 100%         

  - Installing psr/http-message (1.0.1)
    Downloading: 100%         

  - Installing guzzlehttp/psr7 (1.3.1)
    Downloading: 100%         

  - Installing intervention/image (2.3.7)
    Downloading: 100%         

  - Removing laravel/framework (v5.3.28)
  - Installing laravel/framework (v5.2.23)
    Downloading: 100%         

  - Installing laravelcollective/html (v5.2.4)
    Downloading: 100%         

  - Installing ezyang/htmlpurifier (v4.8.0)
    Downloading: 100%         

  - Installing mews/purifier (2.0.6)
    Downloading: 100%         

  - Installing doctrine/lexer (v1.0.1)
    Loading from cache

  - Installing doctrine/annotations (v1.2.7)
    Loading from cache

  - Installing doctrine/cache (v1.6.0)
    Loading from cache

  - Installing doctrine/collections (v1.3.0)
    Loading from cache

  - Installing doctrine/common (v2.6.1)
    Loading from cache

  - Installing doctrine/dbal (v2.5.4)
    Loading from cache

intervention/image suggests installing intervention/imagecache (Caching extension for the Intervention Image library)
mews/purifier suggests installing laravel/lumen-framework (To test the Lumen bindings)
Generating autoload files
> php artisan clear-compiled
> php artisan optimize
Generating optimized class loader

100

101

102

103

104

105

106

107

108

109

110

111

112

113

114

115

116

117

118

119

120

121

122

123

124

125

126

127

128

129

130

131

132

133

134

135

136

137

138

139

140

141

142

143

144

145

146

147

148

149

150

151

152

153

154

155

156

157

158

159

160

161

162

163

164

165

166

167

168

169

170

171

172

173

174

175

176

177

178

179

180

181

182

183

184

185

186

187

188

189

190

191

192

193

194

195

196

197

198

199

200

201

202

203

204

205

206

207

208

209

210

211

212

213

214

215

216

217

218

219

220

221

222

teddy@teddy-K43SJ:~/Documents/works/laravel/laravel-blog-tutorial$ composer install

You are running composer with xdebug enabled. This has a major impact on runtime performance. See https://getcomposer.org/xdebug

Loading composer repositories with package information

Installing dependencies (including require-dev) from lock file

- Removing myclabs/deep-copy (1.5.5)

- Removing phpdocumentor/type-resolver (0.2.1)

- Removing phpdocumentor/reflection-common (1.0)

- Removing webmozart/assert (1.2.0)

- Removing sebastian/code-unit-reverse-lookup (1.0.0)

- Removing sebastian/resource-operations (1.0.0)

- Removing ramsey/uuid (3.5.2)

- Removing sebastian/object-enumerator (2.0.0)

- Removing nikic/php-parser (v3.0.2)

- Installing nikic/php-parser (v2.0.1)

Downloading: 100%

- Removing classpreloader/classpreloader (3.1.0)

- Installing classpreloader/classpreloader (3.0.0)

Loading from cache

- Removing symfony/polyfill-util (v1.3.0)

- Installing symfony/polyfill-util (v1.1.1)

Loading from cache

- Removing symfony/polyfill-php56 (v1.3.0)

- Installing symfony/polyfill-php56 (v1.1.1)

Loading from cache

- Removing jeremeamia/superclosure (2.3.0)

- Installing jeremeamia/superclosure (2.2.0)

Loading from cache

- Removing league/flysystem (1.0.32)

- Installing league/flysystem (1.0.20)

Downloading: 100%

- Removing psr/log (1.0.2)

- Installing psr/log (1.0.0)

Loading from cache

- Removing monolog/monolog (1.22.0)

- Installing monolog/monolog (1.18.1)

Downloading: 100%

- Removing paragonie/random_compat (v2.0.4)

- Installing paragonie/random_compat (v1.4.1)

Loading from cache

- Removing symfony/polyfill-mbstring (v1.3.0)

- Installing symfony/polyfill-mbstring (v1.1.1)

Loading from cache

- Removing symfony/var-dumper (v3.1.8)

- Installing symfony/var-dumper (v3.0.3)

Downloading: 100%

- Removing symfony/console (v3.1.8)

- Installing symfony/console (v3.0.3)

Downloading: 100%

- Removing psy/psysh (v0.8.0)

- Installing psy/psysh (v0.7.2)

Loading from cache

- Removing swiftmailer/swiftmailer (v5.4.4)

- Installing swiftmailer/swiftmailer (v5.4.1)

Loading from cache

- Removing symfony/finder (v3.1.8)

- Installing symfony/finder (v3.0.3)

Downloading: 100%

- Removing symfony/http-foundation (v3.1.8)

- Installing symfony/http-foundation (v3.0.3)

Downloading: 100%

- Removing symfony/event-dispatcher (v3.2.1)

- Installing symfony/event-dispatcher (v3.0.3)

Downloading: 100%

- Removing symfony/debug (v3.1.8)

- Installing symfony/debug (v3.0.3)

Downloading: 100%

- Removing symfony/http-kernel (v3.1.8)

- Installing symfony/http-kernel (v3.0.3)

Downloading: 100%

- Removing symfony/process (v3.1.8)

- Installing symfony/process (v3.0.3)

Downloading: 100%

- Removing symfony/routing (v3.1.8)

- Installing symfony/routing (v3.0.3)

Downloading: 100%

- Removing symfony/translation (v3.1.8)

- Installing symfony/translation (v3.0.3)

Downloading: 100%

- Removing vlucas/phpdotenv (v2.4.0)

- Installing vlucas/phpdotenv (v2.2.0)

Downloading: 100%

- Removing fzaninotto/faker (v1.6.0)

- Installing fzaninotto/faker (v1.5.0)

Downloading: 100%

- Removing mockery/mockery (0.9.7)

- Installing mockery/mockery (0.9.4)

Downloading: 100%

- Removing phpdocumentor/reflection-docblock (3.1.1)

- Installing phpdocumentor/reflection-docblock (2.0.4)

Downloading: 100%

- Removing phpunit/php-token-stream (1.4.9)

- Installing phpunit/php-token-stream (1.4.8)

Loading from cache

- Removing symfony/yaml (v3.2.1)

- Installing symfony/yaml (v3.0.3)

Downloading: 100%

- Removing sebastian/version (2.0.1)

- Installing sebastian/version (1.0.6)

Loading from cache

- Removing sebastian/recursion-context (2.0.0)

- Installing sebastian/recursion-context (1.0.2)

Loading from cache

- Removing sebastian/exporter (2.0.0)

- Installing sebastian/exporter (1.2.1)

Downloading: 100%

- Removing sebastian/environment (2.0.0)

- Installing sebastian/environment (1.3.5)

Downloading: 100%

- Removing sebastian/comparator (1.2.2)

- Installing sebastian/comparator (1.2.0)

Loading from cache

- Removing phpunit/phpunit-mock-objects (3.4.3)

- Installing phpunit/phpunit-mock-objects (2.3.8)

Loading from cache

- Removing phpunit/php-timer (1.0.8)

- Installing phpunit/php-timer (1.0.7)

Downloading: 100%

- Removing phpunit/php-file-iterator (1.4.2)

- Installing phpunit/php-file-iterator (1.4.1)

Loading from cache

- Removing phpunit/php-code-coverage (4.0.4)

- Installing phpunit/php-code-coverage (2.2.4)

Loading from cache

- Removing phpspec/prophecy (v1.6.2)

- Installing phpspec/prophecy (v1.6.0)

Downloading: 100%

- Removing phpunit/phpunit (5.7.4)

- Installing phpunit/phpunit (4.8.24)

Downloading: 100%

- Removing symfony/css-selector (v3.1.8)

- Installing symfony/css-selector (v3.0.3)

Downloading: 100%

- Removing symfony/dom-crawler (v3.1.8)

- Installing symfony/dom-crawler (v3.0.3)

Downloading: 100%

- Installing psr/http-message (1.0.1)

Downloading: 100%

- Installing guzzlehttp/psr7 (1.3.1)

Downloading: 100%

- Installing intervention/image (2.3.7)

Downloading: 100%

- Removing laravel/framework (v5.3.28)

- Installing laravel/framework (v5.2.23)

Downloading: 100%

- Installing laravelcollective/html (v5.2.4)

Downloading: 100%

- Installing ezyang/htmlpurifier (v4.8.0)

Downloading: 100%

- Installing mews/purifier (2.0.6)

Downloading: 100%

- Installing doctrine/lexer (v1.0.1)

Loading from cache

- Installing doctrine/annotations (v1.2.7)

Loading from cache

- Installing doctrine/cache (v1.6.0)

Loading from cache

- Installing doctrine/collections (v1.3.0)

Loading from cache

- Installing doctrine/common (v2.6.1)

Loading from cache

- Installing doctrine/dbal (v2.5.4)

Loading from cache

intervention/image suggests installing intervention/imagecache (Caching extension for the Intervention Image library)

mews/purifier suggests installing laravel/lumen-framework (To test the Lumen bindings)

Generating autoload files

> php artisan clear-compiled

> php artisan optimize

Generating optimized class loader

edit .env file and fill the database account (DB name is laravel_blog)

Create authentication scaffolding (login, register, forgot password, etc)

teddy@teddy-K43SJ:~/Documents/works/laravel/laravel-blog-tutorial$ php artisan make:auth
Created View: /home/teddy/Documents/works/laravel/laravel-blog-tutorial/resources/views/auth/login.blade.php
Created View: /home/teddy/Documents/works/laravel/laravel-blog-tutorial/resources/views/auth/register.blade.php
Created View: /home/teddy/Documents/works/laravel/laravel-blog-tutorial/resources/views/auth/passwords/email.blade.php
Created View: /home/teddy/Documents/works/laravel/laravel-blog-tutorial/resources/views/auth/passwords/reset.blade.php
Created View: /home/teddy/Documents/works/laravel/laravel-blog-tutorial/resources/views/auth/emails/password.blade.php
Created View: /home/teddy/Documents/works/laravel/laravel-blog-tutorial/resources/views/layouts/app.blade.php
Created View: /home/teddy/Documents/works/laravel/laravel-blog-tutorial/resources/views/home.blade.php
Created View: /home/teddy/Documents/works/laravel/laravel-blog-tutorial/resources/views/welcome.blade.php
Installed HomeController.
Updated Routes File.
Authentication scaffolding generated successfully!

teddy@teddy-K43SJ:~/Documents/works/laravel/laravel-blog-tutorial$ php artisan make:auth

Created View: /home/teddy/Documents/works/laravel/laravel-blog-tutorial/resources/views/auth/login.blade.php

Created View: /home/teddy/Documents/works/laravel/laravel-blog-tutorial/resources/views/auth/register.blade.php

Created View: /home/teddy/Documents/works/laravel/laravel-blog-tutorial/resources/views/auth/passwords/email.blade.php

Created View: /home/teddy/Documents/works/laravel/laravel-blog-tutorial/resources/views/auth/passwords/reset.blade.php

Created View: /home/teddy/Documents/works/laravel/laravel-blog-tutorial/resources/views/auth/emails/password.blade.php

Created View: /home/teddy/Documents/works/laravel/laravel-blog-tutorial/resources/views/layouts/app.blade.php

Created View: /home/teddy/Documents/works/laravel/laravel-blog-tutorial/resources/views/home.blade.php

Created View: /home/teddy/Documents/works/laravel/laravel-blog-tutorial/resources/views/welcome.blade.php

Installed HomeController.

Updated Routes File.

Authentication scaffolding generated successfully!

Use ‘migration’ to add some new tables into the new database

teddy@teddy-K43SJ:~/Documents/works/laravel/laravel-blog-tutorial$ php artisan migrate
Migration table created successfully.
Migrated: 2014_10_12_000000_create_users_table
Migrated: 2014_10_12_100000_create_password_resets_table
Migrated: 2016_02_06_175142_create_posts_table
Migrated: 2016_03_20_162017_add_slug_to_users
Migrated: 2016_04_28_021908_create_categories_table
Migrated: 2016_04_28_022255_add_category_id_to_posts
Migrated: 2016_05_30_153615_create_tags_table
Migrated: 2016_05_30_155417_create_post_tag_table
Migrated: 2016_07_16_173641_create_comments_table
Migrated: 2016_08_15_000718_add_image_col_to_posts

teddy@teddy-K43SJ:~/Documents/works/laravel/laravel-blog-tutorial$ php artisan migrate

Migration table created successfully.

Migrated: 2014_10_12_000000_create_users_table

Migrated: 2014_10_12_100000_create_password_resets_table

Migrated: 2016_02_06_175142_create_posts_table

Migrated: 2016_03_20_162017_add_slug_to_users

Migrated: 2016_04_28_021908_create_categories_table

Migrated: 2016_04_28_022255_add_category_id_to_posts

Migrated: 2016_05_30_153615_create_tags_table

Migrated: 2016_05_30_155417_create_post_tag_table

Migrated: 2016_07_16_173641_create_comments_table

Migrated: 2016_08_15_000718_add_image_col_to_posts

It should be ready to test the website.

Dont forget to set the file permission in /public/ directory if we want to upload an image into it

teddy@teddy-K43SJ:~/Documents/works/laravel/laravel-blog-tutorial$ sudo chmod -R 777 public/

1

teddy@teddy-K43SJ:~/Documents/works/laravel/laravel-blog-tutorial$ sudo chmod -R 777 public/

Test the website: http://localhost:8000/

teddy@teddy-K43SJ:~/Documents/works/laravel/laravel-blog-tutorial$ php artisan serve
Laravel development server started on http://localhost:8000/

1 2	teddy@teddy-K43SJ:~/Documents/works/laravel/laravel-blog-tutorial$ php artisan serve Laravel development server started on http://localhost:8000/

If i found an error like:

RuntimeException in EncryptionServiceProvider.php line 31:
No supported encrypter found. The cipher and / or key length are invalid.

1 2	RuntimeException in EncryptionServiceProvider.php line 31: No supported encrypter found. The cipher and / or key length are invalid.

Just stop the server then generate the new key:

teddy@teddy-K43SJ:~/Documents/works/laravel/laravel-blog-tutorial$ php artisan key:generate

1	teddy@teddy-K43SJ:~/Documents/works/laravel/laravel-blog-tutorial$ php artisan key:generate

It’d create a new key in .env like

APP_KEY=SRicGuQPSaDDLOlnYCNvz7F2zdYIhXHQ

1	APP_KEY=SRicGuQPSaDDLOlnYCNvz7F2zdYIhXHQ

ref: http://laravel.io/forum/08-25-2016-no-supported-encrypter-found-the-cipher-and-or-key-length-are-invalid-when-i-run-keygenerate.
Then start the server back. If everything is okay, here is the screen look like:

Sometimes you got an error about the file permission writeable or not like this

NotWritableException in Image.php line 143:
Can't write image data to path (/home/teddy/Documents/works/laravel/laravel-blog-tutorial/public/images/1482895274.jpg)

1 2	NotWritableException in Image.php line 143: Can't write image data to path (/home/teddy/Documents/works/laravel/laravel-blog-tutorial/public/images/1482895274.jpg)

Then you need to set the file permission in /public/ directory to 777

teddy@teddy-K43SJ:~/Documents/works/laravel/laravel-blog-tutorial$ sudo chmod -R 777 public/

1	teddy@teddy-K43SJ:~/Documents/works/laravel/laravel-blog-tutorial$ sudo chmod -R 777 public/

Explore the Laravel Blog!!! (Add/edit users, add/edit posts, categories, tags, comments, send contact, login, register)
If you have enough time to learn the nitty-gritty about laravel and how to create this blog step by step, then please watch this 47 youtube videos in How to Build a Blog with Laravel.

NOTES about this app:
The route file DONT lay in /routes/web.app BUT in /app/Http/routes.php. It used Route::group.

Route::group(['middleware' => ['web']], function () {
	// Authentication Routes
	Route::get('auth/login', ['as' => 'login', 'uses' => 'Auth\AuthController@getLogin']);
	Route::post('auth/login', 'Auth\AuthController@postLogin');
	Route::get('auth/logout', ['as' => 'logout', 'uses' => 'Auth\AuthController@getLogout']);

	// Registration Routes
	Route::get('auth/register', 'Auth\AuthController@getRegister');
	Route::post('auth/register', 'Auth\AuthController@postRegister');

	// Password Reset Routes
	Route::get('password/reset/{token?}', 'Auth\PasswordController@showResetForm');
	Route::post('password/email', 'Auth\PasswordController@sendResetLinkEmail');
	Route::post('password/reset', 'Auth\PasswordController@reset');

	// Categories
	Route::resource('categories', 'CategoryController', ['except' => ['create']]);
	Route::resource('tags', 'TagController', ['except' => ['create']]);
	
	// Comments
	Route::post('comments/{post_id}', ['uses' => 'CommentsController@store', 'as' => 'comments.store']);
	Route::get('comments/{id}/edit', ['uses' => 'CommentsController@edit', 'as' => 'comments.edit']);
	Route::put('comments/{id}', ['uses' => 'CommentsController@update', 'as' => 'comments.update']);
	Route::delete('comments/{id}', ['uses' => 'CommentsController@destroy', 'as' => 'comments.destroy']);
	Route::get('comments/{id}/delete', ['uses' => 'CommentsController@delete', 'as' => 'comments.delete']);


	Route::get('blog/{slug}', ['as' => 'blog.single', 'uses' => 'BlogController@getSingle'])->where('slug', '[\w\d\-\_]+');
	Route::get('blog', ['uses' => 'BlogController@getIndex', 'as' => 'blog.index']);
    Route::get('contact', 'PagesController@getContact');
    Route::post('contact', 'PagesController@postContact');
	Route::get('about', 'PagesController@getAbout');
	Route::get('/', 'PagesController@getIndex');
	Route::resource('posts', 'PostController');
});

Route::group(['middleware' => 'web'], function () {
    Route::auth();

    Route::get('/home', 'HomeController@index');
});

Route::group(['middleware' => ['web']], function () {

// Authentication Routes

Route::get('auth/login', ['as' => 'login', 'uses' => 'Auth\AuthController@getLogin']);

Route::post('auth/login', 'Auth\AuthController@postLogin');

Route::get('auth/logout', ['as' => 'logout', 'uses' => 'Auth\AuthController@getLogout']);

// Registration Routes

Route::get('auth/register', 'Auth\AuthController@getRegister');

Route::post('auth/register', 'Auth\AuthController@postRegister');

// Password Reset Routes

Route::get('password/reset/{token?}', 'Auth\PasswordController@showResetForm');

Route::post('password/email', 'Auth\PasswordController@sendResetLinkEmail');

Route::post('password/reset', 'Auth\PasswordController@reset');

// Categories

Route::resource('categories', 'CategoryController', ['except' => ['create']]);

Route::resource('tags', 'TagController', ['except' => ['create']]);

// Comments

Route::post('comments/{post_id}', ['uses' => 'CommentsController@store', 'as' => 'comments.store']);

Route::get('comments/{id}/edit', ['uses' => 'CommentsController@edit', 'as' => 'comments.edit']);

Route::put('comments/{id}', ['uses' => 'CommentsController@update', 'as' => 'comments.update']);

Route::delete('comments/{id}', ['uses' => 'CommentsController@destroy', 'as' => 'comments.destroy']);

Route::get('comments/{id}/delete', ['uses' => 'CommentsController@delete', 'as' => 'comments.delete']);

Route::get('blog/{slug}', ['as' => 'blog.single', 'uses' => 'BlogController@getSingle'])->where('slug', '[\w\d\-\_]+');

Route::get('blog', ['uses' => 'BlogController@getIndex', 'as' => 'blog.index']);

Route::get('contact', 'PagesController@getContact');

Route::post('contact', 'PagesController@postContact');

Route::get('about', 'PagesController@getAbout');

Route::get('/', 'PagesController@getIndex');

Route::resource('posts', 'PostController');

});

Route::group(['middleware' => 'web'], function () {

Route::auth();

Route::get('/home', 'HomeController@index');

});

The route for the root website (/) is pointing to ‘PagesController.php’ in /app/Http/Controllers/

public function getIndex() {
    $posts = Post::orderBy('created_at', 'desc')->limit(4)->get();
    return view('pages.welcome')->withPosts($posts);
}

public function getIndex() {

$posts = Post::orderBy('created_at', 'desc')->limit(4)->get();

return view('pages.welcome')->withPosts($posts);

}

The ‘Post’ data is retrieved with a help from ‘Post’ model in /app/Post.php. The data then would be rendered by welcome.blade.php in /resources/views/pages/

PHP Tools

Install some PHP tools:

PHP Coding Standards Fixer (http://cs.sensiolabs.org/)
Installation: (Globally (Composer))

teddy@teddy-K43SJ:~$ composer global require friendsofphp/php-cs-fixer
Changed current directory to /home/teddy/.composer
You are running composer with xdebug enabled. This has a major impact on runtime performance. See https://getcomposer.org/xdebug
Using version ^2.0 for friendsofphp/php-cs-fixer
./composer.json has been created
Loading composer repositories with package information
Updating dependencies (including require-dev)
  - Installing sebastian/diff (1.4.1)
    Loading from cache

  - Installing symfony/stopwatch (v3.2.1)
    Downloading: 100%         

  - Installing symfony/process (v3.2.1)
    Downloading: 100%         

  - Installing symfony/polyfill-php54 (v1.3.0)
    Downloading: 100%         

  - Installing symfony/finder (v3.2.1)
    Downloading: 100%         

  - Installing symfony/filesystem (v3.2.1)
    Downloading: 100%         

  - Installing symfony/event-dispatcher (v3.2.1)
    Downloading: 100%         

  - Installing psr/log (1.0.2)
    Loading from cache

  - Installing symfony/debug (v3.2.1)
    Downloading: 100%         

  - Installing symfony/polyfill-mbstring (v1.3.0)
    Downloading: 100%         

  - Installing symfony/console (v3.2.1)
    Downloading: 100%         

  - Installing friendsofphp/php-cs-fixer (v2.0.0)
    Downloading: 100%         

symfony/event-dispatcher suggests installing symfony/dependency-injection ()
symfony/event-dispatcher suggests installing symfony/http-kernel ()
Writing lock file
Generating autoload files

teddy@teddy-K43SJ:~$ composer global require friendsofphp/php-cs-fixer

Changed current directory to /home/teddy/.composer

You are running composer with xdebug enabled. This has a major impact on runtime performance. See https://getcomposer.org/xdebug

Using version ^2.0 for friendsofphp/php-cs-fixer

./composer.json has been created

Loading composer repositories with package information

Updating dependencies (including require-dev)

- Installing sebastian/diff (1.4.1)

Loading from cache

- Installing symfony/stopwatch (v3.2.1)

Downloading: 100%

- Installing symfony/process (v3.2.1)

Downloading: 100%

- Installing symfony/polyfill-php54 (v1.3.0)

Downloading: 100%

- Installing symfony/finder (v3.2.1)

Downloading: 100%

- Installing symfony/filesystem (v3.2.1)

Downloading: 100%

- Installing symfony/event-dispatcher (v3.2.1)

Downloading: 100%

- Installing psr/log (1.0.2)

Loading from cache

- Installing symfony/debug (v3.2.1)

Downloading: 100%

- Installing symfony/polyfill-mbstring (v1.3.0)

Downloading: 100%

- Installing symfony/console (v3.2.1)

Downloading: 100%

- Installing friendsofphp/php-cs-fixer (v2.0.0)

Downloading: 100%

symfony/event-dispatcher suggests installing symfony/dependency-injection ()

symfony/event-dispatcher suggests installing symfony/http-kernel ()

Writing lock file

Generating autoload files

Then make sure you have ~/.composer/vendor/bin in your PATH and you’re good to go:

teddy@teddy-K43SJ:~$ export PATH="$PATH:$HOME/.composer/vendor/bin"

1	teddy@teddy-K43SJ:~$ export PATH="$PATH:$HOME/.composer/vendor/bin"

To find out the location of php-cs-fixer

teddy@teddy-K43SJ:~$ which php-cs-fixer
/home/teddy/.composer/vendor/bin/php-cs-fixer

1 2	teddy@teddy-K43SJ:~$ which php-cs-fixer /home/teddy/.composer/vendor/bin/php-cs-fixer

I can use the location for the netbeans plugins needed.
Another reference: https://mattstauffer.co/blog/using-php-cs-fixer-to-fix-up-your-php-code

PHP CodeSniffer
Ref: http://purencool.com/install-and-test-phpcodesniffer-on-ubuntu
http://askubuntu.com/questions/572956/adding-a-standard-to-php-codesniffer
Installation:

teddy@teddy-K43SJ:~$ sudo pear install PHP_CodeSniffer
[sudo] password for teddy: 
WARNING: channel "pear.php.net" has updated its protocols, use "pear channel-update pear.php.net" to update
downloading PHP_CodeSniffer-2.7.1.tgz ...
Starting to download PHP_CodeSniffer-2.7.1.tgz (513,716 bytes)
.....................................................................done: 513,716 bytes
install ok: channel://pear.php.net/PHP_CodeSniffer-2.7.1

teddy@teddy-K43SJ:~$ sudo pear install PHP_CodeSniffer

[sudo] password for teddy:

WARNING: channel "pear.php.net" has updated its protocols, use "pear channel-update pear.php.net" to update

downloading PHP_CodeSniffer-2.7.1.tgz ...

Starting to download PHP_CodeSniffer-2.7.1.tgz (513,716 bytes)

.....................................................................done: 513,716 bytes

install ok: channel://pear.php.net/PHP_CodeSniffer-2.7.1

To find out the location

teddy@teddy-K43SJ:~$ which phpcs
/usr/bin/phpcs

1 2	teddy@teddy-K43SJ:~$ which phpcs /usr/bin/phpcs

To verify PHP_CodeSniffer is already installed, check like this:

teddy@teddy-K43SJ:~$ phpcs -i
The installed coding standards are PHPCS, Squiz, PSR2, PSR1, PEAR, MySource and Zend

1 2	teddy@teddy-K43SJ:~$ phpcs -i The installed coding standards are PHPCS, Squiz, PSR2, PSR1, PEAR, MySource and Zend

Ref: https://wisdmlabs.com/blog/how-to-format-php-code-to-wordpress-coding-standards-in-netbeans/
To use it in netbeans, click: Source > Inspect…

PHP Mess Detector & PDepend
Ref: https://phpmd.org/download/index.html
http://stackoverflow.com/questions/27958289/what-is-phpmd-and-how-to-use-it
Installation: (Same way with php cs fixer to use composer globally)

teddy@teddy-K43SJ:~$ composer global require phpmd/phpmd
Changed current directory to /home/teddy/.composer
You are running composer with xdebug enabled. This has a major impact on runtime performance. See https://getcomposer.org/xdebug
Using version ^2.5 for phpmd/phpmd
./composer.json has been updated
Loading composer repositories with package information
Updating dependencies (including require-dev)
  - Installing symfony/dependency-injection (v3.2.1)
    Downloading: 100%         

  - Installing symfony/config (v3.2.1)
    Downloading: 100%         

  - Installing pdepend/pdepend (2.3.2)
    Downloading: 100%         

  - Installing phpmd/phpmd (2.5.0)
    Downloading: 100%         

symfony/dependency-injection suggests installing symfony/yaml ()
symfony/dependency-injection suggests installing symfony/expression-language (For using expressions in service container configuration)
symfony/dependency-injection suggests installing symfony/proxy-manager-bridge (Generate service proxies to lazy load them)
symfony/config suggests installing symfony/yaml (To use the yaml reference dumper)
Writing lock file
Generating autoload files

teddy@teddy-K43SJ:~$ composer global require phpmd/phpmd

Changed current directory to /home/teddy/.composer

You are running composer with xdebug enabled. This has a major impact on runtime performance. See https://getcomposer.org/xdebug

Using version ^2.5 for phpmd/phpmd

./composer.json has been updated

Loading composer repositories with package information

Updating dependencies (including require-dev)

- Installing symfony/dependency-injection (v3.2.1)

Downloading: 100%

- Installing symfony/config (v3.2.1)

Downloading: 100%

- Installing pdepend/pdepend (2.3.2)

Downloading: 100%

- Installing phpmd/phpmd (2.5.0)

Downloading: 100%

symfony/dependency-injection suggests installing symfony/yaml ()

symfony/dependency-injection suggests installing symfony/expression-language (For using expressions in service container configuration)

symfony/dependency-injection suggests installing symfony/proxy-manager-bridge (Generate service proxies to lazy load them)

symfony/config suggests installing symfony/yaml (To use the yaml reference dumper)

Writing lock file

Generating autoload files

To find out the location for PHPMD and PDepend:

teddy@teddy-K43SJ:~$ which phpmd
/home/teddy/.composer/vendor/bin/phpmd

1 2	teddy@teddy-K43SJ:~$ which phpmd /home/teddy/.composer/vendor/bin/phpmd

teddy@teddy-K43SJ:~$ which pdepend
/home/teddy/.composer/vendor/bin/pdepend

1 2	teddy@teddy-K43SJ:~$ which pdepend /home/teddy/.composer/vendor/bin/pdepend

teddy@teddy-K43SJ:~$ which phpunit
/usr/local/bin/phpunit

1 2	teddy@teddy-K43SJ:~$ which phpunit /usr/local/bin/phpunit

PHP Copy/Paste Detector (PHPCPD)
Ref: https://github.com/sebastianbergmann/phpcpd
NOTE: DONT INSTALL FROM PEAR!
Installation: (Use composer globally)

teddy@teddy-K43SJ:~$ composer global require "sebastian/phpcpd=*"
Changed current directory to /home/teddy/.composer
You are running composer with xdebug enabled. This has a major impact on runtime performance. See https://getcomposer.org/xdebug
./composer.json has been updated
Loading composer repositories with package information
Updating dependencies (including require-dev)
  - Installing theseer/fdomdocument (1.6.1)
    Downloading: 100%         

  - Installing phpunit/php-timer (1.0.8)
    Loading from cache

  - Installing sebastian/version (2.0.1)
    Downloading: 100%         

  - Installing sebastian/finder-facade (1.2.1)
    Downloading: 100%         

  - Installing sebastian/phpcpd (2.0.4)
    Downloading: 100%         

Writing lock file
Generating autoload files

teddy@teddy-K43SJ:~$ composer global require "sebastian/phpcpd=*"

Changed current directory to /home/teddy/.composer

You are running composer with xdebug enabled. This has a major impact on runtime performance. See https://getcomposer.org/xdebug

./composer.json has been updated

Loading composer repositories with package information

Updating dependencies (including require-dev)

- Installing theseer/fdomdocument (1.6.1)

Downloading: 100%

- Installing phpunit/php-timer (1.0.8)

Loading from cache

- Installing sebastian/version (2.0.1)

Downloading: 100%

- Installing sebastian/finder-facade (1.2.1)

Downloading: 100%

- Installing sebastian/phpcpd (2.0.4)

Downloading: 100%

Writing lock file

Generating autoload files

To find out the location:

teddy@teddy-K43SJ:~$ which phpcpd
/home/teddy/.composer/vendor/bin/phpcpd

1 2	teddy@teddy-K43SJ:~$ which phpcpd /home/teddy/.composer/vendor/bin/phpcpd

Please read this: Installation of PHP Code Review Tools
For integrating all the above tools in Netbeans!

JQuery Promise Cascase To Array Reduce

I have a question about JQuery Promise problem. Actually I have a more difficult problem about the JQuery and Ajax that I need to loop a result from Ajax call then nest it to call another Ajax. But I dont know how to set a delay/timeout between the Ajax calls so I can avoid to put much burden on the server. I want to simplify the problem so I can comprehend the promise better. I have a working function to write some console outputs but the output has to be written after delaying for 2 seconds. Here is the code

<script type="text/javascript">
    var Makes=[1,2,3,5,8];
    $(document).ready(function(){
        func1();
    });
    
    function func1(){
        timeout().then(function(){
           //document.body.innerHTML = "First";
           console.log("1");
           return timeout();
        }).then(function(){
           //document.body.innerHTML += "<br />Second";
           console.log("2");
           return timeout();
        }).then(function(){
           //document.body.innerHTML += "<br />Third";
           console.log("3");
           return timeout();
        }).then(function(){
           //document.body.innerHTML += "<br />Fourth";
           console.log("4");
           return timeout();
        }).then(function(){
           //document.body.innerHTML += "<br /> Last";
           console.log("5");
           return timeout();
        });
    }

    function timeout(){
        var d = $.Deferred();
        setTimeout(function(){ 
            console.log("wait for 2 sec!");
            d.resolve(); 
        },2000);
        return d.promise();
    }
    
    
</script>

var Makes=[1,2,3,5,8];

$(document).ready(function(){

func1();

});

function func1(){

timeout().then(function(){

//document.body.innerHTML = "First";

console.log("1");

return timeout();

}).then(function(){

//document.body.innerHTML += "<br />Second";

console.log("2");

return timeout();

}).then(function(){

//document.body.innerHTML += "<br />Third";

console.log("3");

return timeout();

}).then(function(){

//document.body.innerHTML += "<br />Fourth";

console.log("4");

return timeout();

}).then(function(){

//document.body.innerHTML += "<br /> Last";

console.log("5");

return timeout();

});

}

function timeout(){

var d = $.Deferred();

setTimeout(function(){

console.log("wait for 2 sec!");

d.resolve();

},2000);

return d.promise();

}

</script>

And here is the output

wait for 2 sec!
1
wait for 2 sec!
2
wait for 2 sec!
3
wait for 2 sec!
4
wait for 2 sec!
5

wait for 2 sec!

The above code actually I borrowed from http://jsfiddle.net/1njL4w1t/. NOTE: Learn carefully also about the promise error handling Problems inherent to jQuery $.Deferred (jQuery 1.x/2.x).
Now I want to replicate the same behavior but I want to use array reduce here. I have tried many things to achieve that by searching through internet but can’t wrap them up in my brain. Then I asked the problem on stackoverflow. Here is my initial code

var Makes=[1,2,3,5,8];
$(document).ready(function(){
    //func1(); //WORKS
    func2();   //NOT WORKS LIKE func1

});

function func1(){
    timeout().then(function(){
       console.log("1");
       return timeout();
    }).then(function(){
       console.log("2");
       return timeout();
    }).then(function(){
       console.log("3");
       return timeout();
    }).then(function(){
       console.log("4");
       return timeout();
    }).then(function(){
       console.log("5");
       return timeout();
    });
}

function func2(){
    /*Makes.reduce(function(Models,Idx){
        return timeout().then(function(){
            console.log(Idx);
            return timeout();
            //return $.when(timeout());
        });
    },0);*/
    Makes.reduce(function(Models,Idx){
        return Models.then(function(){
            return timeout().then(function(){
                console.log(Idx);
                return timeout();
                //return $.when(timeout());
            });
        });
    },0);
}

function timeout(){
    var d = $.Deferred();
    setTimeout(function(){ 
        console.log("wait for 2 sec!");
        d.resolve(); 
    },2000);
    return d.promise();
}

var Makes=[1,2,3,5,8];

$(document).ready(function(){

//func1(); //WORKS

func2(); //NOT WORKS LIKE func1

});

function func1(){

timeout().then(function(){

console.log("1");

return timeout();

}).then(function(){

console.log("2");

return timeout();

}).then(function(){

console.log("3");

return timeout();

}).then(function(){

console.log("4");

return timeout();

}).then(function(){

console.log("5");

return timeout();

});

}

function func2(){

/*Makes.reduce(function(Models,Idx){

return timeout().then(function(){

console.log(Idx);

return timeout();

//return $.when(timeout());

});

},0);*/

Makes.reduce(function(Models,Idx){

return Models.then(function(){

return timeout().then(function(){

console.log(Idx);

return timeout();

//return $.when(timeout());

});

},0);

}

function timeout(){

var d = $.Deferred();

setTimeout(function(){

console.log("wait for 2 sec!");

d.resolve();

},2000);

return d.promise();

}

BUT it didn’t work like I want. Then I got the working solution from one of the stackoverflow user. Here is the answers (yeah I got two working answers)

function func2(){
    Makes.reduce(function(Models, Idx) {
        return Models.then(function () {
            return timeout().then(function () {
                console.log(Idx);
            });
        });
    //}, $.Deferred().resolve());
    }, $.when()); //better than $.Deferred().resolve()?
}

function func20(){
    (function repeat(Idx) {
        if (Idx >= Makes.length) return;
        timeout().then(function () {
            console.log(Makes[Idx]);
            repeat(Idx+1);
        });
    }(0));
}

function func2(){

Makes.reduce(function(Models, Idx) {

return Models.then(function () {

return timeout().then(function () {

console.log(Idx);

});

//}, $.Deferred().resolve());

}, $.when()); //better than $.Deferred().resolve()?

}

function func20(){

(function repeat(Idx) {

if (Idx >= Makes.length) return;

timeout().then(function () {

console.log(Makes[Idx]);

repeat(Idx+1);

});

}(0));

}

And it’s work like I want. I made a test file (promise-timeout.php) and try it locally http://localhost/works/jquery/promise-timeout.php.

Now I want to make it more difficult by using ajax. I made two functions (‘getCarQueryMake’ and ‘getCarQueryModel’) to call the ajaxs like this:

function getCarQueryMake(){
    var make=$.ajax({
        method: "POST",
        url: url,
        dataType: 'json',
        data:{
            "type_action" : 'check_make' 
        }
    }).done(function (result){
        //return result.Makes;
        //make_count=result.Makes.length;
        //console.log(result);
    });
    return make;
}

function getCarQueryModel(make_id,make_display){
    return function(){
        var model=$.ajax({
            method: "POST",
            url: url,
            dataType: 'json',
            data:{
                "type_action" : 'check_model', 
                "make_id" : make_id 
            }
        }).done(function (result){
            //return result.Makes;
            console.log(result);
            model_count=result.Models.length;
            console.log("Found "+model_count+" models for "+make_display);
        });
        return model;
    }
}

function getCarQueryMake(){

var make=$.ajax({

method: "POST",

url: url,

dataType: 'json',

data:{

"type_action" : 'check_make'

}

}).done(function (result){

//return result.Makes;

//make_count=result.Makes.length;

//console.log(result);

});

return make;

}

function getCarQueryModel(make_id,make_display){

return function(){

var model=$.ajax({

method: "POST",

url: url,

dataType: 'json',

data:{

"type_action" : 'check_model',

"make_id" : make_id

}

}).done(function (result){

//return result.Makes;

console.log(result);

model_count=result.Models.length;

console.log("Found "+model_count+" models for "+make_display);

});

return model;

}

Here is the url value

var url="ajax-json.php";

1	var url="ajax-json.php";

I created a new file ‘ajax-json.php’ to call the carquery API.

<?php
    $callback=date('YmdHis');
    switch($_POST["type_action"]){
        case 'check_make':
            $data = '{"Makes":[{"make_id":"ac","make_display":"AC","make_is_common":"0","make_country":"UK"},{"make_id":"allard","make_display":"Allard","make_is_common":"0","make_country":"UK"}]}';
            $results=json_decode($data, true);
            break;
        case 'check_model':
            /*$data = '{"Makes":[{"make_id":"ac","make_display":"AC","make_is_common":"0","make_country":"UK"},{"make_id":"allard","make_display":"Allard","make_is_common":"0","make_country":"UK"}]}';
            $results=json_decode($data, true);*/
            
            $makeId=$_POST["make_id"];
            $url='http://www.carqueryapi.com/api/0.3/?callback='.$callback.'&cmd=getModels&make='.str_replace("\'","%27",$makeId);
            
            $ch=curl_init();
            curl_setopt($ch,CURLOPT_URL,$url);
            curl_setopt($ch,CURLOPT_RETURNTRANSFER,1);
            curl_setopt($ch,CURLOPT_SSL_VERIFYPEER,false);
            $curl_data=curl_exec($ch);
            if(!$curl_data){
                $err=curl_error($ch);
                $err_no=curl_errno($ch);
                $err_desc='{"error":"'.$err.';Error No:'.$err_no.'"}';
                return json_decode($err_desc, true);
            }
            $curl_data = str_replace($callback."(","",$curl_data);
            $curl_data = str_replace(");","",$curl_data);
            $json_data = json_decode($curl_data, true);
            $results=$json_data;
                
            break;
    }
    echo json_encode($results);
?>

<?php

$callback=date('YmdHis');

switch($_POST["type_action"]){

case 'check_make':

$data = '{"Makes":[{"make_id":"ac","make_display":"AC","make_is_common":"0","make_country":"UK"},{"make_id":"allard","make_display":"Allard","make_is_common":"0","make_country":"UK"}]}';

$results=json_decode($data, true);

break;

case 'check_model':

/*$data = '{"Makes":[{"make_id":"ac","make_display":"AC","make_is_common":"0","make_country":"UK"},{"make_id":"allard","make_display":"Allard","make_is_common":"0","make_country":"UK"}]}';

$results=json_decode($data, true);*/

$makeId=$_POST["make_id"];

$url='http://www.carqueryapi.com/api/0.3/?callback='.$callback.'&cmd=getModels&make='.str_replace("\'","%27",$makeId);

$ch=curl_init();

curl_setopt($ch,CURLOPT_URL,$url);

curl_setopt($ch,CURLOPT_RETURNTRANSFER,1);

curl_setopt($ch,CURLOPT_SSL_VERIFYPEER,false);

$curl_data=curl_exec($ch);

if(!$curl_data){

$err=curl_error($ch);

$err_no=curl_errno($ch);

$err_desc='{"error":"'.$err.';Error No:'.$err_no.'"}';

return json_decode($err_desc, true);

}

$curl_data = str_replace($callback."(","",$curl_data);

$curl_data = str_replace(");","",$curl_data);

$json_data = json_decode($curl_data, true);

$results=$json_data;

break;

}

echo json_encode($results);

Finally after learning more from the previous sample how to setup the promise and the time out, I can manage how to setup the promise to ajax calls and the timeout to delay every ajax calls. Here is the code:

<script type="text/javascript">
    var url="ajax-json.php";
    
    $(document).ready(function(){
        $.when(getCarQueryMake()).then(function(make){
            var makes=make.Makes;
            makes.reduce(function(model,makeIdx){
                return model.then(function(){
                    return timeout().then(function () {
                        console.log(makeIdx.make_display);
                    })
                    .then(getCarQueryModel(makeIdx.make_id, makeIdx.make_display));
                });
            //},$.Deferred().resolve());    //WORKS ALSO WITH $.when()
            },$.when());
            
        });
    });

    function timeout(){
        var d = $.Deferred();
        setTimeout(function(){ console.log("waiting for 5 sec!");d.resolve(); },5000);
        return d.promise();
    }
    
    function getCarQueryMake(){
        ...
    }

    function getCarQueryModel(make_id,make_display){
        ...
    }
</script>

var url="ajax-json.php";

$(document).ready(function(){

$.when(getCarQueryMake()).then(function(make){

var makes=make.Makes;

makes.reduce(function(model,makeIdx){

return model.then(function(){

return timeout().then(function () {

console.log(makeIdx.make_display);

})

.then(getCarQueryModel(makeIdx.make_id, makeIdx.make_display));

});

//},$.Deferred().resolve()); //WORKS ALSO WITH $.when()

},$.when());

});

function timeout(){

var d = $.Deferred();

setTimeout(function(){ console.log("waiting for 5 sec!");d.resolve(); },5000);

return d.promise();

}

function getCarQueryMake(){

...

}

function getCarQueryModel(make_id,make_display){

...

}

</script>

I made a local test file (promise-timeout2.php) and url: http://localhost/works/jquery/promise-timeout2.php. Here is the console output:

waiting for 5 sec!
AC
Object {Models: Array[8]}
Found 8 models for AC
waiting for 5 sec!
Allard
Object {Models: Array[13]}
Found 13 models for Allard

waiting for 5 sec!

Object {Models: Array[8]}

Found 8 models for AC

waiting for 5 sec!

Allard

Object {Models: Array[13]}

Found 13 models for Allard

Here is the API url to get Car Models from Car Make: http://www.carqueryapi.com/api/0.3/?callback=1481095214&cmd=getModels&make=abarth
The API response look like:

{"Models":[{"model_name":"1000","model_make_id":"abarth"},{"model_name":"1000 Bialbero ","model_make_id":"abarth"},{"model_name":"1000 GT","model_make_id":"abarth"},{"model_name":"1000 TC Corsa","model_make_id":"abarth"},{"model_name":"103 GT","model_make_id":"abarth"},{"model_name":"124","model_make_id":"abarth"},{"model_name":"1300","model_make_id":"abarth"},{"model_name":"1500","model_make_id":"abarth"},{"model_name":"1600","model_make_id":"abarth"},{"model_name":"2000","model_make_id":"abarth"},{"model_name":"205","model_make_id":"abarth"},{"model_name":"207","model_make_id":"abarth"},{"model_name":"208","model_make_id":"abarth"},{"model_name":"209","model_make_id":"abarth"},{"model_name":"210","model_make_id":"abarth"},{"model_name":"2200","model_make_id":"abarth"},{"model_name":"2400","model_make_id":"abarth"},{"model_name":"500","model_make_id":"abarth"},{"model_name":"595","model_make_id":"abarth"},{"model_name":"600","model_make_id":"abarth"},{"model_name":"700","model_make_id":"abarth"},{"model_name":"750","model_make_id":"abarth"},{"model_name":"800 Scorpione Coupe Allemano","model_make_id":"abarth"},{"model_name":"850","model_make_id":"abarth"},{"model_name":"A 112","model_make_id":"abarth"},{"model_name":"Bialbero","model_make_id":"abarth"},{"model_name":"Coupe","model_make_id":"abarth"},{"model_name":"Grande Punto","model_make_id":"abarth"},{"model_name":"Lancia 037","model_make_id":"abarth"},{"model_name":"Mono 1000","model_make_id":"abarth"},{"model_name":"Monomille","model_make_id":"abarth"},{"model_name":"Monotipo","model_make_id":"abarth"},{"model_name":"OT","model_make_id":"abarth"},{"model_name":"Renault","model_make_id":"abarth"},{"model_name":"Simca","model_make_id":"abarth"},{"model_name":"Spider Riviera","model_make_id":"abarth"},{"model_name":"Stola","model_make_id":"abarth"}]}

{"Models":[{"model_name":"1000","model_make_id":"abarth"},{"model_name":"1000 Bialbero ","model_make_id":"abarth"},{"model_name":"1000 GT","model_make_id":"abarth"},{"model_name":"1000 TC Corsa","model_make_id":"abarth"},{"model_name":"103 GT","model_make_id":"abarth"},{"model_name":"124","model_make_id":"abarth"},{"model_name":"1300","model_make_id":"abarth"},{"model_name":"1500","model_make_id":"abarth"},{"model_name":"1600","model_make_id":"abarth"},{"model_name":"2000","model_make_id":"abarth"},{"model_name":"205","model_make_id":"abarth"},{"model_name":"207","model_make_id":"abarth"},{"model_name":"208","model_make_id":"abarth"},{"model_name":"209","model_make_id":"abarth"},{"model_name":"210","model_make_id":"abarth"},{"model_name":"2200","model_make_id":"abarth"},{"model_name":"2400","model_make_id":"abarth"},{"model_name":"500","model_make_id":"abarth"},{"model_name":"595","model_make_id":"abarth"},{"model_name":"600","model_make_id":"abarth"},{"model_name":"700","model_make_id":"abarth"},{"model_name":"750","model_make_id":"abarth"},{"model_name":"800 Scorpione Coupe Allemano","model_make_id":"abarth"},{"model_name":"850","model_make_id":"abarth"},{"model_name":"A 112","model_make_id":"abarth"},{"model_name":"Bialbero","model_make_id":"abarth"},{"model_name":"Coupe","model_make_id":"abarth"},{"model_name":"Grande Punto","model_make_id":"abarth"},{"model_name":"Lancia 037","model_make_id":"abarth"},{"model_name":"Mono 1000","model_make_id":"abarth"},{"model_name":"Monomille","model_make_id":"abarth"},{"model_name":"Monotipo","model_make_id":"abarth"},{"model_name":"OT","model_make_id":"abarth"},{"model_name":"Renault","model_make_id":"abarth"},{"model_name":"Simca","model_make_id":"abarth"},{"model_name":"Spider Riviera","model_make_id":"abarth"},{"model_name":"Stola","model_make_id":"abarth"}]}

Okay. Then I expand and add more nest to get Car Serie from Car Model. Also add a delay 5 second between the ajax call to get the Car Serie/Trim. I added a new function ‘getCarQuerySerie’. The function consist of some return function and the delay/timeout. Here is the code

function getCarQuerySerie(){
    return function(model){
        var models=model.Models;
        return models.reduce(function(models,modelIdx){
            return models.then(function(){
                return timeout().then(function () {
                    console.log(modelIdx.model_name );
                })
                .then(function(){
                    var serie=$.ajax({
                        method: "POST",
                        url: url,
                        dataType: 'json',
                        data:{
                            "type_action" : 'check_serie', 
                            "make_id" : modelIdx.model_make_id, 
                            "model_id" : modelIdx.model_name 
                        }
                    }).done(function (result){
                        //return result.Makes;
                        console.log(result);
                        //model_count=result.Series.length;
                        //console.log("Found "+model_count+" models for "+make_display);
                    });
                    return serie;
                });
                
            });
        }, $.when());
    }
}

function getCarQuerySerie(){

return function(model){

var models=model.Models;

return models.reduce(function(models,modelIdx){

return models.then(function(){

return timeout().then(function () {

console.log(modelIdx.model_name );

})

.then(function(){

var serie=$.ajax({

method: "POST",

url: url,

dataType: 'json',

data:{

"type_action" : 'check_serie',

"make_id" : modelIdx.model_make_id,

"model_id" : modelIdx.model_name

}

}).done(function (result){

//return result.Makes;

console.log(result);

//model_count=result.Series.length;

//console.log("Found "+model_count+" models for "+make_display);

});

return serie;

});

}, $.when());

}

I need to call this function like this

$(document).ready(function(){
    $.when(getCarQueryMake()).then(function(make){
        var makes=make.Makes;
        makes.reduce(function(model,makeIdx){
            return model.then(function(){
                return timeout().then(function () {
                    console.log(makeIdx.make_display);
                })
                .then(getCarQueryModel(makeIdx.make_id, makeIdx.make_display))
                .then(getCarQuerySerie());
            });
        //},$.Deferred().resolve());    //WORKS ALSO WITH $.when()
        },$.when());
        
    });
});

$(document).ready(function(){

$.when(getCarQueryMake()).then(function(make){

var makes=make.Makes;

makes.reduce(function(model,makeIdx){

return model.then(function(){

return timeout().then(function () {

console.log(makeIdx.make_display);

})

.then(getCarQueryModel(makeIdx.make_id, makeIdx.make_display))

.then(getCarQuerySerie());

});

//},$.Deferred().resolve()); //WORKS ALSO WITH $.when()

},$.when());

});

Modify ajax-json.php file to handle the ajax call

...
case 'check_serie':
    $makeId=$_POST["make_id"];
    $modelId=$_POST["model_id"];
    $url='http://www.carqueryapi.com/api/0.3/?callback='.$callback.'&cmd=getTrims&make='.str_replace("\'","%27",$makeId).'&year=-1&model='.str_replace("\'","%27",$modelId);
    
    $ch=curl_init();
    curl_setopt($ch,CURLOPT_URL,$url);
    curl_setopt($ch,CURLOPT_RETURNTRANSFER,1);
    curl_setopt($ch,CURLOPT_SSL_VERIFYPEER,false);
    $curl_data=curl_exec($ch);
    if(!$curl_data){
        $err=curl_error($ch);
        $err_no=curl_errno($ch);
        $err_desc='{"error":"'.$err.';Error No:'.$err_no.'"}';
        return json_decode($err_desc, true);
    }
    $curl_data = str_replace($callback."(","",$curl_data);
    $curl_data = str_replace(");","",$curl_data);
    $json_data = json_decode($curl_data, true);
    $results=$json_data;
        
    break;

...

case 'check_serie':

$makeId=$_POST["make_id"];

$modelId=$_POST["model_id"];

$url='http://www.carqueryapi.com/api/0.3/?callback='.$callback.'&cmd=getTrims&make='.str_replace("\'","%27",$makeId).'&year=-1&model='.str_replace("\'","%27",$modelId);

$ch=curl_init();

curl_setopt($ch,CURLOPT_URL,$url);

curl_setopt($ch,CURLOPT_RETURNTRANSFER,1);

curl_setopt($ch,CURLOPT_SSL_VERIFYPEER,false);

$curl_data=curl_exec($ch);

if(!$curl_data){

$err=curl_error($ch);

$err_no=curl_errno($ch);

$err_desc='{"error":"'.$err.';Error No:'.$err_no.'"}';

return json_decode($err_desc, true);

}

$curl_data = str_replace($callback."(","",$curl_data);

$curl_data = str_replace(");","",$curl_data);

$json_data = json_decode($curl_data, true);

$results=$json_data;

break;

I made a test file (promise-timeout3.php) and the url: http://localhost/works/jquery/promise-timeout3.php. Here is the console output (Here I only use one Make. It’s ‘AC’ because the others Makes has many models and series. ‘AC’ only has 8 models):

waiting for 5 sec!
AC
Object {Models: Array[8]}
Found 8 models for AC
waiting for 5 sec!
2-Litre
Object {Trims: Array[7]}
waiting for 5 sec!
427
Object {Trims: Array[1]}
waiting for 5 sec!
428
Object {Trims: Array[14]}
waiting for 5 sec!
Ace
Object {Trims: Array[15]}
waiting for 5 sec!
Aceca
Object {Trims: Array[30]}
waiting for 5 sec!
Aceca-Bristol
Object {Trims: Array[1]}
waiting for 5 sec!
Cobra
Object {Trims: Array[20]}
waiting for 5 sec!
Greyhound
Object {Trims: Array[7]}

waiting for 5 sec!

Object {Models: Array[8]}

Found 8 models for AC

waiting for 5 sec!

2-Litre

Object {Trims: Array[7]}

waiting for 5 sec!

427

Object {Trims: Array[1]}

waiting for 5 sec!

428

Object {Trims: Array[14]}

waiting for 5 sec!

Ace

Object {Trims: Array[15]}

waiting for 5 sec!

Aceca

Object {Trims: Array[30]}

waiting for 5 sec!

Aceca-Bristol

Object {Trims: Array[1]}

waiting for 5 sec!

Cobra

Object {Trims: Array[20]}

waiting for 5 sec!

Greyhound

Object {Trims: Array[7]}

Here is the API url to get Car Series/Trims from Car Models: http://www.carqueryapi.com/api/0.3/?callback=1481095214&cmd=getTrims&make=abarth&year=-1&model=1000&full_results=0
Then one of the Car Series/Trims output:

{"Trims":[{"model_id":"192","model_make_id":"ac","model_name":"Greyhound","model_trim":"","model_year":"1963","model_body":null,"model_engine_position":"Front","model_engine_cc":"1971","model_engine_cyl":"6","model_engine_type":"in-line","model_engine_valves_per_cyl":"2","model_engine_power_ps":"125","model_engine_power_rpm":"5750","model_engine_torque_nm":"179","model_engine_torque_rpm":null,"model_engine_bore_mm":null,"model_engine_stroke_mm":null,"model_engine_compression":null,"model_engine_fuel":"Gasoline","model_top_speed_kph":null,"model_0_to_100_kph":null,"model_drive":null,"model_transmission_type":null,"model_seats":"4","model_doors":"2","model_weight_kg":"1015","model_length_mm":"4580","model_width_mm":"1670","model_height_mm":"1340","model_wheelbase_mm":"2550","model_lkm_hwy":null,"model_lkm_mixed":null,"model_lkm_city":null,"model_fuel_cap_l":"54","model_sold_in_us":"1","model_co2":null,"model_make_display":"AC","make_display":"AC","make_country":"UK"},{"model_id":"181","model_make_id":"ac","model_name":"Greyhound","model_trim":"","model_year":"1962","model_body":null,"model_engine_position":"Front","model_engine_cc":"1971","model_engine_cyl":"6","model_engine_type":"in-line","model_engine_valves_per_cyl":"2","model_engine_power_ps":"125","model_engine_power_rpm":"5750","model_engine_torque_nm":"179","model_engine_torque_rpm":null,"model_engine_bore_mm":null,"model_engine_stroke_mm":null,"model_engine_compression":null,"model_engine_fuel":"Gasoline","model_top_speed_kph":null,"model_0_to_100_kph":null,"model_drive":null,"model_transmission_type":null,"model_seats":"4","model_doors":"2","model_weight_kg":"1015","model_length_mm":"4580","model_width_mm":"1670","model_height_mm":"1340","model_wheelbase_mm":"2550","model_lkm_hwy":null,"model_lkm_mixed":null,"model_lkm_city":null,"model_fuel_cap_l":"54","model_sold_in_us":"1","model_co2":null,"model_make_display":"AC","make_display":"AC","make_country":"UK"},{"model_id":"222","model_make_id":"ac","model_name":"Greyhound","model_trim":"","model_year":"1961","model_body":null,"model_engine_position":"Front","model_engine_cc":"1971","model_engine_cyl":"6","model_engine_type":"in-line","model_engine_valves_per_cyl":"2","model_engine_power_ps":"125","model_engine_power_rpm":"5750","model_engine_torque_nm":"179","model_engine_torque_rpm":null,"model_engine_bore_mm":null,"model_engine_stroke_mm":null,"model_engine_compression":null,"model_engine_fuel":"Gasoline","model_top_speed_kph":null,"model_0_to_100_kph":null,"model_drive":null,"model_transmission_type":null,"model_seats":"4","model_doors":"2","model_weight_kg":"1015","model_length_mm":"4580","model_width_mm":"1670","model_height_mm":"1340","model_wheelbase_mm":"2550","model_lkm_hwy":null,"model_lkm_mixed":null,"model_lkm_city":null,"model_fuel_cap_l":"54","model_sold_in_us":"1","model_co2":null,"model_make_display":"AC","make_display":"AC","make_country":"UK"},{"model_id":"223","model_make_id":"ac","model_name":"Greyhound","model_trim":"","model_year":"1960","model_body":null,"model_engine_position":"Front","model_engine_cc":"1971","model_engine_cyl":"6","model_engine_type":"in-line","model_engine_valves_per_cyl":"2","model_engine_power_ps":"125","model_engine_power_rpm":"5750","model_engine_torque_nm":null,"model_engine_torque_rpm":null,"model_engine_bore_mm":"66.0","model_engine_stroke_mm":"96.0","model_engine_compression":null,"model_engine_fuel":"Gasoline","model_top_speed_kph":null,"model_0_to_100_kph":null,"model_drive":null,"model_transmission_type":null,"model_seats":"4","model_doors":"2","model_weight_kg":"1015","model_length_mm":"4580","model_width_mm":"1670","model_height_mm":"1340","model_wheelbase_mm":"2550","model_lkm_hwy":null,"model_lkm_mixed":null,"model_lkm_city":null,"model_fuel_cap_l":"54","model_sold_in_us":"1","model_co2":null,"model_make_display":"AC","make_display":"AC","make_country":"UK"},{"model_id":"202","model_make_id":"ac","model_name":"Greyhound","model_trim":"","model_year":"1959","model_body":null,"model_engine_position":"Front","model_engine_cc":"1969","model_engine_cyl":"6","model_engine_type":"in-line","model_engine_valves_per_cyl":"2","model_engine_power_ps":"125","model_engine_power_rpm":"5750","model_engine_torque_nm":"179","model_engine_torque_rpm":"4500","model_engine_bore_mm":"66.0","model_engine_stroke_mm":"96.0","model_engine_compression":"9.0:1","model_engine_fuel":"Gasoline","model_top_speed_kph":"167","model_0_to_100_kph":null,"model_drive":"Rear","model_transmission_type":"Manual","model_seats":null,"model_doors":"2","model_weight_kg":"1015","model_length_mm":"4580","model_width_mm":"1660","model_height_mm":"1340","model_wheelbase_mm":"2550","model_lkm_hwy":null,"model_lkm_mixed":null,"model_lkm_city":null,"model_fuel_cap_l":"54","model_sold_in_us":"1","model_co2":null,"model_make_display":"AC","make_display":"AC","make_country":"UK"},{"model_id":"195","model_make_id":"ac","model_name":"Greyhound","model_trim":"2200","model_year":"1959","model_body":null,"model_engine_position":"Front","model_engine_cc":"2216","model_engine_cyl":"6","model_engine_type":"in-line","model_engine_valves_per_cyl":"2","model_engine_power_ps":"105","model_engine_power_rpm":"4700","model_engine_torque_nm":"175","model_engine_torque_rpm":"4700","model_engine_bore_mm":null,"model_engine_stroke_mm":null,"model_engine_compression":null,"model_engine_fuel":"Gasoline","model_top_speed_kph":null,"model_0_to_100_kph":null,"model_drive":null,"model_transmission_type":null,"model_seats":null,"model_doors":"4","model_weight_kg":"1093","model_length_mm":"4580","model_width_mm":"1670","model_height_mm":"1340","model_wheelbase_mm":"2550","model_lkm_hwy":null,"model_lkm_mixed":null,"model_lkm_city":null,"model_fuel_cap_l":"54","model_sold_in_us":"1","model_co2":null,"model_make_display":"AC","make_display":"AC","make_country":"UK"},{"model_id":"154","model_make_id":"ac","model_name":"Greyhound","model_trim":"2600","model_year":"1959","model_body":null,"model_engine_position":"Front","model_engine_cc":"2553","model_engine_cyl":"6","model_engine_type":"in-line","model_engine_valves_per_cyl":"2","model_engine_power_ps":"170","model_engine_power_rpm":"5500","model_engine_torque_nm":null,"model_engine_torque_rpm":null,"model_engine_bore_mm":"82.6","model_engine_stroke_mm":"79.5","model_engine_compression":null,"model_engine_fuel":"Gasoline","model_top_speed_kph":null,"model_0_to_100_kph":null,"model_drive":null,"model_transmission_type":null,"model_seats":null,"model_doors":"4","model_weight_kg":"1040","model_length_mm":"4580","model_width_mm":"1670","model_height_mm":"1340","model_wheelbase_mm":"2550","model_lkm_hwy":null,"model_lkm_mixed":null,"model_lkm_city":null,"model_fuel_cap_l":"54","model_sold_in_us":"1","model_co2":null,"model_make_display":"AC","make_display":"AC","make_country":"UK"}]}

NEXT. I need to update the local database also from the APIs but I think it’d need more time to make the local database as complete as CarQuery database. Like I said previously, I dont want to burden the CarQuery server from the API requests! May be I need to increase the delay from 5 seconds to 10 seconds each API request??? Also need to add progress bar and how to handle/catch any error???

Elance API on WordPress Without WP Plugin

Elance has gone now and merged with Odesk to establish a new company Upwork. Once I successfully used Elance API on my wordpress website without using wordpress plugin. I know it’s a bad practice but it’s work anyway. Here is how to do it:

Make sure you already registered on elance (https://elance.com) and have any elance key. If not go to https://developers.elance.com and get the keys (API Key, API secret, redirect URL, etc). Here is the keys:
SORRY, ONLY ADMIN CAN SHOW THIS!

I created a new wordpress template page with name ‘My Elance Jobs’ in a new file ‘my_elance_page.php’ in the active wordpress theme (currently the active theme is Sorbet). Based on some PHP example to use Elance API, Here is the complete content:

<?php
/*
Template Name: My Elance Jobs
*/
/*
 * The purpose of this page is to integrate my wordpress website with my elance credential through API provided by elance
 * so i can display the elance search result on my wp site. I can also filter the search result based on the keywords I like 
 * elance return json data if the API call is success then loop the json to display the result
 */
session_start();
require_once('elance-auth-lib.php');
error_reporting(E_ALL);
$api_key="my_api_key";
$consumer_secret_code="my_secret_code";
$keywords="php mysql";
$body="Nothing";

if (!isset($_GET["code"]) && empty($_SESSION['access_token'])) {
	$elance_auth = new ElanceAuthentication();
	$url = $elance_auth->RequestAccessCode($api_key, "http://www.advchaweb.com/elance");

	header("Location:".$url);
}else{				 
	//use elance library
	$elance_auth = new ElanceAuthentication();
	if(empty($_SESSION['access_token'])){
		//get the access token by feed api key and secret code
		$code = $_GET["code"];
		$json = $elance_auth->GetAccessToken($api_key, $consumer_secret_code, $code);
		 
		//Output code
		$access_token=$json->data->access_token;
		$_SESSION['access_token']=$access_token;
	}else{
		$access_token=$_SESSION['access_token'];
	}
	// What page of data are we displaying? Defaults to 1.
	$current_page = 1;
	if (isset($_GET["currentPage"])) { 
		is_numeric($_GET["currentPage"]) or die ("ERROR: currentPage parameter MUST be an integer!");
		intval($_GET["currentPage"]) > 0 or die ("ERROR: currentPage parameter MUST be greater than 0!");
		$current_page = $_GET["currentPage"];
	}
	 
	//elance api url to get the jobs application
	$getJobUrl = "https://api.elance.com/api2/jobs";
	$params=array(
		"access_token"=>$access_token,
		"keywords"=>$keywords,
		"sortCol"=>"numProposals",
		"sortOrder"=>"asc",
		"page"=>$current_page
	);
	$json_response = $elance_auth->ExecRequest($getJobUrl, $access_token, $params);
	if(isset($json_response->errors)){
		$error = $json_response->errors;
		$err_code = "";
		$err_desc = "";
		
		foreach($error as $key => $value){
			$err_code=$value->code;
			$err_desc=$value->description;
		}
		if($err_code=="invalid_token_expired"){
			$url = $elance_auth->RequestAccessCode($api_key, "http://www.advchaweb.com/elance");

			header("Location:".$url);
		}
	}
	if ($json_response == null) {
		die("Retrieved Elance API call, but the response was not valid JSON code.");
	}
	// Generate a success or error response depending on the value of rcode.
	if (isset($json_response->rcode)) { 
		$body = "Call did not complete. JSON error returned.";
	} else {
		if ($json_response->data->numResults == 0) {
			$body = "No records returned.";
		} else {
			$results_per_page = 25;
			$record_num=1+($current_page-1)*$results_per_page;
			// Display paging information. 
			$max_result_num = $json_response->data->page * $results_per_page;
			$first_rec_num = $max_result_num - ($results_per_page - 1);
			$body = "<p>Keywords : ".$keywords."</p><div style=\"width:100%;position:relative;\">\n";
			$body .= "<span style=\"width:37%;position:absolute;left:0;\">Displaying records " . $first_rec_num . " - " . (($json_response->data->page - 1)* $results_per_page + $json_response->data->numResults) . " out of " . $json_response->data->totalResults . " total results</span>\n";
	 
			// Display paging controls. 
			$body .= "<span style=\"width:37%;position:absolute; right:0; text-align:right;\">";
			$sep_text = "";
			if ($json_response->data->page > 1) {
				$body .= "<a href=\"?currentPage=" . ($json_response->data->page - 1) . "\">< Previous</a>&nbsp;";
				$sep_text = "|&nbsp;";
			}
			if ($json_response->data->page != $json_response->data->totalPages) {
				$body .= $sep_text;
				$body .= "<a href=\"?currentPage=" . ($json_response->data->page + 1) . "\">Next ></a>&nbsp;";
			}
			$body .= "</span>\n";
	 
			$body .= "</div>\n";
	 
			$body .= "<div style=\"padding-top:30px;\"><table style=\"width:100%;table-layout:fixed;\">\n"; 
			$body .= "<tr style=\"background-color:#cccccc;font-weight:bold;\">
				<th style=\"width:5%;\">Job ID</th>
				<th style=\"width:18%;\">Job ID<br/>Category</th>
				<th style=\"width:27%;\">Job Title</th>
				<th style=\"width:15%;\">Budget<br/>Date</th>
				<th style=\"width:30%;\">Description</th>
				<th style=\"width:5%;\"># of Bids</th>
				</tr>";
			//displaying result
			foreach ($json_response->data->pageResults as $job_obj) {
				$body .= "<tr class=\"basicRow\">\n";
				$body .= "<td>" . $record_num . "</td>\n";
				$body .= "<td>" . $job_obj->jobId."<br/>".$job_obj->category . "</td>\n";
				$body .= "<td><a href=\"" . $job_obj->jobURL . "\" target=\"_blank\">" . $job_obj->name . "</a><br/>".subkeywordsMatch(strtolower($job_obj->description))."</td>\n";
				$body .= "<td>" . $job_obj->budget . "<br/>".date('d/m/Y', $job_obj->startDate)."<br/>".date('d/m/Y', $job_obj->endDate)."</td>\n";
				$body .= "<td style=\"word-wrap:break-word;\">" . word_trim($job_obj->description, 50, TRUE) . "...</td>\n";
				$body .= "<td style=\"text-align:center;\">" . $job_obj->numProposals . "<td>\n";
				$body .= "</tr>\n";
				$record_num++;
			}
	 
			$body .= "</table></div>";
		}
	}	
}

get_header(); ?>
	<div id="job_result" class="job_result" style="margin-top: -50px;">

		<?php 
			echo $body;

		?>

	</div><!-- #primary -->
<?php //get_sidebar(); ?>
<?php get_footer(); ?>
<?php 
// word_trim courtesy of Jeff Robbins @ Lullabot( http://www.lullabot.com/articles/trim-a-string-to-a-given-word-count)
function word_trim($string, $count, $ellipsis = FALSE){
  $words = explode(' ', $string);
  if (count($words) > $count){
	array_splice($words, $count);
	$string = implode(' ', $words);
	if (is_string($ellipsis)){
	  $string .= $ellipsis;
	}
	elseif ($ellipsis){
	  $string .= '&hellip;';
	}
  }
  return $string;
}

function subkeywordsMatch($string){
	$subkeywords=array("api","instagram","plugin","osclass","magento","symfony","jquery","wordpress","joomla","crm","mailchimp");
	$counter=0;
	$match=array();
	foreach($subkeywords as $sk){
		if(strpos($string,$sk)!==false){
			$counter++;
			$match[]=$sk;
		}
	}
	if($counter)
		return "Match ".$counter." keywords (".implode(",",$match).")";
	else
		return "";
}
?>

100

101

102

103

104

105

106

107

108

109

110

111

112

113

114

115

116

117

118

119

120

121

122

123

124

125

126

127

128

129

130

131

132

133

134

135

136

137

138

139

140

141

142

143

144

145

146

147

148

149

150

151

152

153

154

155

156

157

158

159

160

161

162

163

164

165

166

167

168

169

170

171

172

173

<?php

Template Name: My Elance Jobs

* The purpose of this page is to integrate my wordpress website with my elance credential through API provided by elance

* so i can display the elance search result on my wp site. I can also filter the search result based on the keywords I like

* elance return json data if the API call is success then loop the json to display the result

session_start();

require_once('elance-auth-lib.php');

error_reporting(E_ALL);

$api_key="my_api_key";

$consumer_secret_code="my_secret_code";

$keywords="php mysql";

$body="Nothing";

if (!isset($_GET["code"]) && empty($_SESSION['access_token'])) {

$elance_auth = new ElanceAuthentication();

$url = $elance_auth->RequestAccessCode($api_key, "http://www.advchaweb.com/elance");

header("Location:".$url);

}else{

//use elance library

$elance_auth = new ElanceAuthentication();

if(empty($_SESSION['access_token'])){

//get the access token by feed api key and secret code

$code = $_GET["code"];

$json = $elance_auth->GetAccessToken($api_key, $consumer_secret_code, $code);

//Output code

$access_token=$json->data->access_token;

$_SESSION['access_token']=$access_token;

}else{

$access_token=$_SESSION['access_token'];

}

// What page of data are we displaying? Defaults to 1.

$current_page = 1;

if (isset($_GET["currentPage"])) {

is_numeric($_GET["currentPage"]) or die ("ERROR: currentPage parameter MUST be an integer!");

intval($_GET["currentPage"]) > 0 or die ("ERROR: currentPage parameter MUST be greater than 0!");

$current_page = $_GET["currentPage"];

}

//elance api url to get the jobs application

$getJobUrl = "https://api.elance.com/api2/jobs";

$params=array(

"access_token"=>$access_token,

"keywords"=>$keywords,

"sortCol"=>"numProposals",

"sortOrder"=>"asc",

"page"=>$current_page

);

$json_response = $elance_auth->ExecRequest($getJobUrl, $access_token, $params);

if(isset($json_response->errors)){

$error = $json_response->errors;

$err_code = "";

$err_desc = "";

foreach($error as $key => $value){

$err_code=$value->code;

$err_desc=$value->description;

}

if($err_code=="invalid_token_expired"){

$url = $elance_auth->RequestAccessCode($api_key, "http://www.advchaweb.com/elance");

header("Location:".$url);

}

if ($json_response == null) {

die("Retrieved Elance API call, but the response was not valid JSON code.");

}

// Generate a success or error response depending on the value of rcode.

if (isset($json_response->rcode)) {

$body = "Call did not complete. JSON error returned.";

} else {

if ($json_response->data->numResults == 0) {

$body = "No records returned.";

} else {

$results_per_page = 25;

$record_num=1+($current_page-1)*$results_per_page;

// Display paging information.

$max_result_num = $json_response->data->page * $results_per_page;

$first_rec_num = $max_result_num - ($results_per_page - 1);

$body = "<p>Keywords : ".$keywords."</p><div style=\"width:100%;position:relative;\">\n";

$body .= "<span style=\"width:37%;position:absolute;left:0;\">Displaying records " . $first_rec_num . " - " . (($json_response->data->page - 1)* $results_per_page + $json_response->data->numResults) . " out of " . $json_response->data->totalResults . " total results</span>\n";

// Display paging controls.

$body .= "<span style=\"width:37%;position:absolute; right:0; text-align:right;\">";

$sep_text = "";

if ($json_response->data->page > 1) {

$body .= "<a href=\"?currentPage=" . ($json_response->data->page - 1) . "\">< Previous</a> ";

$sep_text = "| ";

}

if ($json_response->data->page != $json_response->data->totalPages) {

$body .= $sep_text;

$body .= "<a href=\"?currentPage=" . ($json_response->data->page + 1) . "\">Next ></a> ";

}

$body .= "</span>\n";

$body .= "</div>\n";

$body .= "<div style=\"padding-top:30px;\"><table style=\"width:100%;table-layout:fixed;\">\n";

$body .= "<tr style=\"background-color:#cccccc;font-weight:bold;\">

<th style=\"width:18%;\">Job ID<br/>Category</th>

<th style=\"width:27%;\">Job Title</th>

<th style=\"width:15%;\">Budget<br/>Date</th>

<th style=\"width:30%;\">Description</th>

</tr>";

//displaying result

foreach ($json_response->data->pageResults as $job_obj) {

$body .= "<tr class=\"basicRow\">\n";

$body .= "<td>" . $record_num . "</td>\n";

$body .= "<td>" . $job_obj->jobId."<br/>".$job_obj->category . "</td>\n";

$body .= "<td><a href=\"" . $job_obj->jobURL . "\" target=\"_blank\">" . $job_obj->name . "</a><br/>".subkeywordsMatch(strtolower($job_obj->description))."</td>\n";

$body .= "<td>" . $job_obj->budget . "<br/>".date('d/m/Y', $job_obj->startDate)."<br/>".date('d/m/Y', $job_obj->endDate)."</td>\n";

$body .= "<td style=\"word-wrap:break-word;\">" . word_trim($job_obj->description, 50, TRUE) . "...</td>\n";

$body .= "<td style=\"text-align:center;\">" . $job_obj->numProposals . "<td>\n";

$body .= "</tr>\n";

$record_num++;

}

$body .= "</table></div>";

}

get_header(); ?>

<?php

echo $body;

</div>

<?php //get_sidebar(); ?>

<?php get_footer(); ?>

<?php

// word_trim courtesy of Jeff Robbins @ Lullabot( http://www.lullabot.com/articles/trim-a-string-to-a-given-word-count)

function word_trim($string, $count, $ellipsis = FALSE){

$words = explode(' ', $string);

if (count($words) > $count){

array_splice($words, $count);

$string = implode(' ', $words);

if (is_string($ellipsis)){

$string .= $ellipsis;

}

elseif ($ellipsis){

$string .= '…';

}

return $string;

}

function subkeywordsMatch($string){

$subkeywords=array("api","instagram","plugin","osclass","magento","symfony","jquery","wordpress","joomla","crm","mailchimp");

$counter=0;

$match=array();

foreach($subkeywords as $sk){

if(strpos($string,$sk)!==false){

$counter++;

$match[]=$sk;

}

if($counter)

return "Match ".$counter." keywords (".implode(",",$match).")";

else

return "";

}

Just read the code. Try to comprehend it by yourself :). I also need to add a new file ‘elance-auth-lib.php’ for the elance API PHP wrapper in the same directory. The class ‘ElanceAuthentication’ in the file would authenticate the access to the API.

<?php
 
class ElanceAuthentication {
    public $CurlHeaders;
    public $ResponseCode;
 
    private $_AuthorizeUrl = "https://api.elance.com/api2/oauth/authorize";
    private $_AccessTokenUrl = "https://api.elance.com/api2/oauth/token";
 
    public function __construct() {
        $this->CurlHeaders = array();
        $this->ResponseCode = 0;
    }
 
    public function RequestAccessCode ($client_id, $redirect_url) {
        return($this->_AuthorizeUrl . "?client_id=" . $client_id . "&response_type=code&redirect_uri=" . $redirect_url);
    }
 
    // Convert an authorization code from an Elance callback into an access token.
    public function GetAccessToken($client_id, $client_secret, $auth_code) {        
        // Init cUrl.
        $r = $this->InitCurl($this->_AccessTokenUrl);
 
        // Add client ID and client secret to the headers.
        curl_setopt($r, CURLOPT_HTTPHEADER, array (
            "Authorization: Basic " . base64_encode($client_id . ":" . $client_secret),
        ));        
 
        // Assemble POST parameters for the request.
        $post_fields = "code=" . urlencode($auth_code) . "&grant_type=authorization_code";
 
        // Obtain and return the access token from the response.
        curl_setopt($r, CURLOPT_POST, true);
        curl_setopt($r, CURLOPT_POSTFIELDS, $post_fields);
 
        $response = curl_exec($r);
        if ($response == false) {
            die("curl_exec() failed. Error: " . curl_error($r));
        }
 
        //Parse JSON return object.
        return json_decode($response);
    }
 
    private function InitCurl($url) {
        $r = null;
 
        if (($r = @curl_init($url)) == false) {
            header("HTTP/1.1 500", true, 500);
            die("Cannot initialize cUrl session. Is cUrl enabled for your PHP installation?");
        }
 
        curl_setopt($r, CURLOPT_RETURNTRANSFER, 1);
 
        // Decode compressed responses.
        curl_setopt($r, CURLOPT_ENCODING, 1);
 
        // NOTE: If testing locally, add the following lines to use a dummy certificate, and to prevent cUrl from attempting to verify
        // the certificate's authenticity. See http://richardwarrender.com/2007/05/the-secret-to-curl-in-php-on-windows/ for more
        // details on this workaround. If your server has a valid SSL certificate installed, comment out these lines.
        curl_setopt($r, CURLOPT_SSL_VERIFYPEER, false);
        //curl_setopt($r, CURLOPT_CAINFO, "C:\wamp\bin\apache\Apache2.2.21\cacert.crt");
 
        // NOTE: For Fiddler2 debugging.
        //curl_setopt($r, CURLOPT_PROXY, '127.0.0.1:8888');
 
        return($r);
    }
 
    // A generic function that executes an Elance API request. 
    public function ExecRequest($url, $access_token, $get_params) {
        // Create request string.
        //$full_url = http_build_query($url, $get_params);
        $full_url = $url."?".http_build_query($get_params);
 
        //$r = $this->InitCurl($url);
        $r = $this->InitCurl($full_url);
 
        /*curl_setopt($r, CURLOPT_HTTPHEADER, array (
            "Authorization: Basic " . base64_encode($access_token)
        ));
 
        $response = curl_exec($r);
        if ($response == false) {
            die("curl_exec() failed. Error: " . curl_error($r));
        }*/
        $curl_options = array (
			CURLOPT_FRESH_CONNECT => 1,
			CURLOPT_RETURNTRANSFER => 1
			);
		curl_setopt_array($r, $curl_options);
		 
		// Convert response to JSON.
		$json_txt = curl_exec($r);
		if ($json_txt == false) {
			die("Cannot retrieve Elance API URL using cUrl. URL: " . $url);
		}
		curl_close($r); 
		 
		$json_response = json_decode($json_txt);
 
        //Parse JSON return object.
        //return json_decode($response);        
        return $json_response;        
        //return $full_url;        
    }
}
 
?>

100

101

102

103

104

105

106

107

108

109

<?php

class ElanceAuthentication {

public $CurlHeaders;

public $ResponseCode;

private $_AuthorizeUrl = "https://api.elance.com/api2/oauth/authorize";

private $_AccessTokenUrl = "https://api.elance.com/api2/oauth/token";

public function __construct() {

$this->CurlHeaders = array();

$this->ResponseCode = 0;

}

public function RequestAccessCode ($client_id, $redirect_url) {

return($this->_AuthorizeUrl . "?client_id=" . $client_id . "&response_type=code&redirect_uri=" . $redirect_url);

}

// Convert an authorization code from an Elance callback into an access token.

public function GetAccessToken($client_id, $client_secret, $auth_code) {

// Init cUrl.

$r = $this->InitCurl($this->_AccessTokenUrl);

// Add client ID and client secret to the headers.

curl_setopt($r, CURLOPT_HTTPHEADER, array (

"Authorization: Basic " . base64_encode($client_id . ":" . $client_secret),

));

// Assemble POST parameters for the request.

$post_fields = "code=" . urlencode($auth_code) . "&grant_type=authorization_code";

// Obtain and return the access token from the response.

curl_setopt($r, CURLOPT_POST, true);

curl_setopt($r, CURLOPT_POSTFIELDS, $post_fields);

$response = curl_exec($r);

if ($response == false) {

die("curl_exec() failed. Error: " . curl_error($r));

}

//Parse JSON return object.

return json_decode($response);

}

private function InitCurl($url) {

$r = null;

if (($r = @curl_init($url)) == false) {

header("HTTP/1.1 500", true, 500);

die("Cannot initialize cUrl session. Is cUrl enabled for your PHP installation?");

}

curl_setopt($r, CURLOPT_RETURNTRANSFER, 1);

// Decode compressed responses.

curl_setopt($r, CURLOPT_ENCODING, 1);

// NOTE: If testing locally, add the following lines to use a dummy certificate, and to prevent cUrl from attempting to verify

// the certificate's authenticity. See http://richardwarrender.com/2007/05/the-secret-to-curl-in-php-on-windows/ for more

// details on this workaround. If your server has a valid SSL certificate installed, comment out these lines.

curl_setopt($r, CURLOPT_SSL_VERIFYPEER, false);

//curl_setopt($r, CURLOPT_CAINFO, "C:\wamp\bin\apache\Apache2.2.21\cacert.crt");

// NOTE: For Fiddler2 debugging.

//curl_setopt($r, CURLOPT_PROXY, '127.0.0.1:8888');

return($r);

}

// A generic function that executes an Elance API request.

public function ExecRequest($url, $access_token, $get_params) {

// Create request string.

//$full_url = http_build_query($url, $get_params);

$full_url = $url."?".http_build_query($get_params);

//$r = $this->InitCurl($url);

$r = $this->InitCurl($full_url);

/*curl_setopt($r, CURLOPT_HTTPHEADER, array (

"Authorization: Basic " . base64_encode($access_token)

));

$response = curl_exec($r);

if ($response == false) {

die("curl_exec() failed. Error: " . curl_error($r));

}*/

$curl_options = array (

CURLOPT_FRESH_CONNECT => 1,

CURLOPT_RETURNTRANSFER => 1

);

curl_setopt_array($r, $curl_options);

// Convert response to JSON.

$json_txt = curl_exec($r);

if ($json_txt == false) {

die("Cannot retrieve Elance API URL using cUrl. URL: " . $url);

}

curl_close($r);

$json_response = json_decode($json_txt);

//Parse JSON return object.

//return json_decode($response);

return $json_response;

//return $full_url;

}

On the wordpress admin, create a new page (not post) with title ‘Elance’ then use template ‘My Elance Jobs’ then Save! It would create a new url: http://www.advchaweb.com/elance/. The url is must be same with our redirect url above!
OK. Now we can use the API from our wordpress page.Just click the link ‘Elance’ or http://www.advchaweb.com/elance
First, It’d redirect us to elance page and please log in!SORRY, ONLY ADMIN CAN SHOW THIS!
After successful login, I supposed to get the authorization page but because it is already closed, I got this page instead 🙁SOMEHOW when I click the ‘Continue to Elance’ button, I still get the authorization page!!!
SORRY, ONLY ADMIN CAN SHOW THIS!OK. Click ‘Allow’ button
It would be redirected back to my wordpress page. Because there is no job anymore on elance, I got no data!SORRY, ONLY ADMIN CAN SHOW THIS!

WordPress Plugin to Connect to Upwork API

Ref: APIS, WORDPRESS TIPS AND TRICKS, USING OAUTH IN WORDPRESS PLUGINS, PART 1: THE BASICS
How to write a WordPress plugin

Make sure you already registered on Upwork (https://upwork.com) and have any Upwork key. If not go to https://developers.upwork.com and get the keys (API Key, API secret, redirect URL, etc). Apply for the API on https://www.upwork.com/services/api/apply
Go into the plugin directory (/wp-content/plugins/) then create a new directory ‘upwork’. then in the new directory, create a new file ‘upwork.php’

Here is our first content in upwork.php file

<?php
/*
 * Plugin Name: WP Upwork 
 * Version: 1 
 * Plugin URI: http://advchaweb.com/
 * Description: A plugin to connect to upwork API
 * Author: Satria Faestha
 * Author URI: http://advchaweb.com/
 * 
 * This program is free software: you can redistribute it and/or modify
 * it under the terms of the GNU General Public License as published by
 * the Free Software Foundation, either version 3 of the License, or
 * (at your option) any later version.
 * 
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU General Public License for more details.
 * 
 * You should have received a copy of the GNU General Public License
 * along with this program.  If not, see <http://www.gnu.org/licenses/>.
 * 
 */

<?php

* Plugin Name: WP Upwork

* Version: 1

* Plugin URI: http://advchaweb.com/

* Description: A plugin to connect to upwork API

* Author: Satria Faestha

* Author URI: http://advchaweb.com/

* This program is free software: you can redistribute it and/or modify

* it under the terms of the GNU General Public License as published by

* the Free Software Foundation, either version 3 of the License, or

* (at your option) any later version.

* This program is distributed in the hope that it will be useful,

* but WITHOUT ANY WARRANTY; without even the implied warranty of

* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the

* GNU General Public License for more details.

* You should have received a copy of the GNU General Public License

* along with this program. If not, see <http://www.gnu.org/licenses/>.

From here, we can see the plugin ‘Upwork’ in the wordpress admin -> plugin Then please ‘Activate’ it.

Create a class ‘WP_Upwork’ and instantiate it in upwork.php file

if ( ! defined( 'ABSPATH' ) ) exit;

if(!class_exists('WP_Upwork'))
{
    class WP_Upwork{
        /**
         * Construct the plugin object
         */
        public function __construct()
        {
            // register actions
        } // END public function __construct
    
        /**
         * Activate the plugin
         */
        public static function activate()
        {
            // Do nothing
        } // END public static function activate
    
        /**
         * Deactivate the plugin
         */     
        public static function deactivate()
        {
            // Do nothing
        } // END public static function deactivate
    } // END class WP_Upwork
} // END if(!class_exists('WP_Upwork'))

//Instantiate WP_Upwork class
if(class_exists('WP_Upwork')){
    // Installation and uninstallation hooks
    register_activation_hook(__FILE__, array('WP_Upwork', 'activate'));
    register_deactivation_hook(__FILE__, array('WP_Upwork', 'deactivate'));

    // instantiate the plugin class
    $wp_upwork = new WP_Upwork();
}

if ( ! defined( 'ABSPATH' ) ) exit;

if(!class_exists('WP_Upwork'))

{

class WP_Upwork{

/**

* Construct the plugin object

public function __construct()

{

// register actions

} // END public function __construct

/**

* Activate the plugin

public static function activate()

{

// Do nothing

} // END public static function activate

/**

* Deactivate the plugin

public static function deactivate()

{

// Do nothing

} // END public static function deactivate

} // END class WP_Upwork

} // END if(!class_exists('WP_Upwork'))

//Instantiate WP_Upwork class

if(class_exists('WP_Upwork')){

// Installation and uninstallation hooks

register_activation_hook(__FILE__, array('WP_Upwork', 'activate'));

register_deactivation_hook(__FILE__, array('WP_Upwork', 'deactivate'));

// instantiate the plugin class

$wp_upwork = new WP_Upwork();

}

Add the setting page
To add the setting page, we need to add actions and callback in constructor of WP_Upwork class.

if(!class_exists('WP_Upwork'))
{
    class WP_Upwork{
        /**
         * Construct the plugin object
         */
        public function __construct()
        {
            // register actions
            // Register plugin settings
            add_action('admin_init', array(&$this, 'admin_init'));
            // Add settings page to menu
            add_action('admin_menu', array(&$this, 'add_menu'));
        } // END public function __construct
    
        ...
    } // END class WP_Upwork
} // END if(!class_exists('WP_Upwork'))

if(!class_exists('WP_Upwork'))

{

class WP_Upwork{

/**

* Construct the plugin object

public function __construct()

{

// register actions

// Register plugin settings

add_action('admin_init', array(&$this, 'admin_init'));

// Add settings page to menu

add_action('admin_menu', array(&$this, 'add_menu'));

} // END public function __construct

...

} // END class WP_Upwork

} // END if(!class_exists('WP_Upwork'))

First we set and register the Upwork setting (API Key and Secret) in WP_Upwork class:

/**
 * hook into WP's admin_init action hook
 */
public function admin_init(){
    // register your plugin's settings
    register_setting( 'wp_upwork-group', 'wp_upwork_api_key' );
    register_setting( 'wp_upwork-group', 'wp_upwork_api_secret' );
    // add your settings section
    add_settings_section(
        'wp_upwork-section', 
        'Upwork API Settings', 
        array( &$this, 'settings_section_wp_upwork'), 
        'wp_upwork_settings'
    );
    // add your setting's fields
    add_settings_field(
        'wp_upwork-api_key', 
        'API Key', 
        array(&$this, 'settings_field_input_text'), 
        'wp_upwork_settings', 
        'wp_upwork-section',
        array(
            'field' => 'wp_upwork_api_key'
        )
    );
    // add your setting's fields
    add_settings_field(
        'wp_upwork-wp_upwork_api_secret', 
        'API Secret', 
        array(&$this, 'settings_field_input_text'), 
        'wp_upwork_settings', 
        'wp_upwork-section',
        array(
            'field' => 'wp_upwork_api_secret'
        )
    );
}

public function settings_section_wp_upwork()
{
    // Think of this as help text for the section.
    echo 'Upwork API Setting:';
}
/**
 * This function provides text inputs for settings fields
 */
public function settings_field_input_text($args)
{
    // Get the field name from the $args array
    $field = esc_attr($args['field']);
    // Get the value of this setting
    $value = get_option($field);
    // echo a proper input type="text"
    echo sprintf('<input type="text" name="%s" id="%s" value="%s" />', $field, $field, $value);
} // END public function settings_field_input_text($args)

/**

* hook into WP's admin_init action hook

public function admin_init(){

// register your plugin's settings

register_setting( 'wp_upwork-group', 'wp_upwork_api_key' );

register_setting( 'wp_upwork-group', 'wp_upwork_api_secret' );

// add your settings section

add_settings_section(

'wp_upwork-section',

'Upwork API Settings',

array( &$this, 'settings_section_wp_upwork'),

'wp_upwork_settings'

);

// add your setting's fields

add_settings_field(

'wp_upwork-api_key',

'API Key',

array(&$this, 'settings_field_input_text'),

'wp_upwork_settings',

'wp_upwork-section',

array(

'field' => 'wp_upwork_api_key'

)

);

// add your setting's fields

add_settings_field(

'wp_upwork-wp_upwork_api_secret',

'API Secret',

array(&$this, 'settings_field_input_text'),

'wp_upwork_settings',

'wp_upwork-section',

array(

'field' => 'wp_upwork_api_secret'

)

);

}

public function settings_section_wp_upwork()

{

// Think of this as help text for the section.

echo 'Upwork API Setting:';

}

/**

* This function provides text inputs for settings fields

public function settings_field_input_text($args)

{

// Get the field name from the $args array

$field = esc_attr($args['field']);

// Get the value of this setting

$value = get_option($field);

// echo a proper input type="text"

echo sprintf('<input type="text" name="%s" id="%s" value="%s" />', $field, $field, $value);

} // END public function settings_field_input_text($args)

Then we add the menu ‘WP Upwork Setting’ in the Settings menu. Let’s add some code in WP_Upwork class:

/**
 * add a menu
 */     
public function add_menu()
{
    // Add a page to manage this plugin's settings
    add_options_page(
        'WP Upwork Settings', 
        'WP Upwork Settings', 
        'manage_options', 
        'wp_upwork', 
        array(&$this, 'plugin_settings_page')
    );
} // END public function add_menu()

/**
 * Menu Callback
 */     
public function plugin_settings_page()
{
    if(!current_user_can('manage_options'))
    {
        wp_die(__('You do not have sufficient permissions to access this page.'));
    }

    // Render the settings template
    //include(sprintf("%s/templates/settings.php", dirname(__FILE__)));
    ?>
    <div class="wrap">
        <h2>Upwork API Settings</h2>
        <p>You'll need to go to the <a href="https://developers.upwork.com">Upwork Developer Page</a> to setup your project and setup the values below.</p>
        <form action="options.php" method="POST">
            <?php settings_fields( 'wp_upwork-group' ); ?>
            <?php do_settings_sections( 'wp_upwork_settings' ); ?>
            <?php submit_button(); ?>
        </form>
    </div>
    <?php
} // END public function plugin_settings_page()

/**

* add a menu

public function add_menu()

{

// Add a page to manage this plugin's settings

add_options_page(

'WP Upwork Settings',

'manage_options',

'wp_upwork',

array(&$this, 'plugin_settings_page')

);

} // END public function add_menu()

/**

* Menu Callback

public function plugin_settings_page()

{

if(!current_user_can('manage_options'))

{

wp_die(__('You do not have sufficient permissions to access this page.'));

}

// Render the settings template

//include(sprintf("%s/templates/settings.php", dirname(__FILE__)));

<h2>Upwork API Settings</h2>

<p>You'll need to go to the <a href="https://developers.upwork.com">Upwork Developer Page</a> to setup your project and setup the values below.</p>

<?php settings_fields( 'wp_upwork-group' ); ?>

<?php do_settings_sections( 'wp_upwork_settings' ); ?>

<?php submit_button(); ?>

</form>

</div>

<?php

} // END public function plugin_settings_page()

Okay. Here is the menu

And here is the ‘Upwork API Settings’ page (http://localhost/works/wordpress_local/wp-admin/options-general.php?page=wp_upwork)

Save the settings
Fill the API Key and API Secret data above given by upwork then click ‘Save Changes’The above values would be saved in the database at ‘wp_options’ table. You can see them in the table like this:Here is my Upwork API Settings:SORRY, ONLY ADMIN CAN SHOW THIS!

Add Setting link next to activate/deactivate link in the plugin management list.
In the WP_Upwork class constructor, add filter ‘plugin_action_links’ like this line:

public function __construct()
{
    ...
    // Add settings link to plugins page
    add_filter( 'plugin_action_links_' . plugin_basename(__FILE__) , array( &$this , 'add_settings_link' ) );
} // END public function __construct

public function __construct()

{

...

// Add settings link to plugins page

add_filter( 'plugin_action_links_' . plugin_basename(__FILE__) , array( &$this , 'add_settings_link' ) );

} // END public function __construct

Then define the function ‘add_settings_link’ in the WP_Upwork class:

// Add the settings link to the plugins page
function add_settings_link($links)
{ 
    $settings_link = '<a href="options-general.php?page=wp_upwork">Settings</a>'; 
    array_unshift($links, $settings_link); 
    return $links; 
}

// Add the settings link to the plugins page

function add_settings_link($links)

{

$settings_link = '<a href="options-general.php?page=wp_upwork">Settings</a>';

array_unshift($links, $settings_link);

return $links;

}

Here is the result looks like:

Refactor our plugin structure a bit. Create a new directory ‘includes’ and add a new file in it ‘settings.php’. I want to move the settings in to the file to make the plugin structure better (Please learn WordPress plugin boilerplate and read How to Build a WordPress Plugin (part 1)).
Here is the content of /includes/settings.php:

<?php
if ( ! defined( 'ABSPATH' ) ) exit;

if(!class_exists('WP_Upwork_Settings'))
{
    class WP_Upwork_Settings{
        /**
         * Construct the plugin object
         */
        public function __construct()
        {
            // register actions
            // Register plugin settings
            add_action('admin_init', array(&$this, 'admin_init'));
            // Add settings page to menu
            add_action('admin_menu', array(&$this, 'add_menu'));
        } // END public function __construct
        
        /**
         * hook into WP's admin_init action hook
         */
        public function admin_init(){
            // register your plugin's settings
            register_setting( 'wp_upwork-group', 'wp_upwork_api_key' );
            register_setting( 'wp_upwork-group', 'wp_upwork_api_secret' );
            // add your settings section
            add_settings_section(
                'wp_upwork-section', 
                __('Upwork API Settings'), 
                array( &$this, 'settings_section_wp_upwork'), 
                'wp_upwork_settings'
            );
            // add your setting's fields
            add_settings_field(
                'wp_upwork-api_key', 
                __('API Key'), 
                array(&$this, 'settings_field_input_text'), 
                'wp_upwork_settings', 
                'wp_upwork-section',
                array(
                    'field' => 'wp_upwork_api_key'
                )
            );
            // add your setting's fields
            add_settings_field(
                'wp_upwork-wp_upwork_api_secret', 
                __('API Secret'), 
                array(&$this, 'settings_field_input_text'), 
                'wp_upwork_settings', 
                'wp_upwork-section',
                array(
                    'field' => 'wp_upwork_api_secret'
                )
            );
        }

        public function settings_section_wp_upwork()
        {
            // Think of this as help text for the section.
            //echo 'Upwork API Setting:';
            _e('Upwork API Setting:','wp_upwork');
        }
        /**
         * This function provides text inputs for settings fields
         */
        public function settings_field_input_text($args)
        {
            // Get the field name from the $args array
            $field = esc_attr($args['field']);
            // Get the value of this setting
            $value = get_option($field);
            // echo a proper input type="text"
            echo sprintf('<input type="text" name="%s" id="%s" value="%s" />', $field, $field, $value);
        } // END public function settings_field_input_text($args)
        
        /**
         * add a menu
         */     
        public function add_menu()
        {
            // Add a page to manage this plugin's settings
            add_options_page(
                __('WP Upwork Settings'), 
                __('WP Upwork Settings'), 
                'manage_options', 
                'wp_upwork', 
                array(&$this, 'plugin_settings_page')
            );
        } // END public function add_menu()

        /**
         * Menu Callback
         */     
        public function plugin_settings_page()
        {
            if(!current_user_can('manage_options'))
            {
                wp_die(__('You do not have sufficient permissions to access this page.'));
            }

            // Render the settings template
            //include(sprintf("%s/templates/settings.php", dirname(__FILE__)));
            ?>
            <div class="wrap">
                <h2><?php _e('Upwork API Settings','wp_upwork'); ?></h2>
                <p><?php _e('You\'ll need to go to the <a href="https://developers.upwork.com">Upwork Developer Page</a> to setup your project and setup the values below.'); ?></p>
                <form action="options.php" method="POST">
                    <?php settings_fields( 'wp_upwork-group' ); ?>
                    <?php do_settings_sections( 'wp_upwork_settings' ); ?>
                    <?php submit_button(); ?>
                </form>
            </div>
            <?php
        } // END public function plugin_settings_page()
    } // END class WP_Upwork_Settings
} // END if(!class_exists('WP_Upwork_Settings'))

100

101

102

103

104

105

106

107

108

109

110

111

112

113

114

115

116

<?php

if ( ! defined( 'ABSPATH' ) ) exit;

if(!class_exists('WP_Upwork_Settings'))

{

class WP_Upwork_Settings{

/**

* Construct the plugin object

public function __construct()

{

// register actions

// Register plugin settings

add_action('admin_init', array(&$this, 'admin_init'));

// Add settings page to menu

add_action('admin_menu', array(&$this, 'add_menu'));

} // END public function __construct

/**

* hook into WP's admin_init action hook

public function admin_init(){

// register your plugin's settings

register_setting( 'wp_upwork-group', 'wp_upwork_api_key' );

register_setting( 'wp_upwork-group', 'wp_upwork_api_secret' );

// add your settings section

add_settings_section(

'wp_upwork-section',

__('Upwork API Settings'),

array( &$this, 'settings_section_wp_upwork'),

'wp_upwork_settings'

);

// add your setting's fields

add_settings_field(

'wp_upwork-api_key',

__('API Key'),

array(&$this, 'settings_field_input_text'),

'wp_upwork_settings',

'wp_upwork-section',

array(

'field' => 'wp_upwork_api_key'

)

);

// add your setting's fields

add_settings_field(

'wp_upwork-wp_upwork_api_secret',

__('API Secret'),

array(&$this, 'settings_field_input_text'),

'wp_upwork_settings',

'wp_upwork-section',

array(

'field' => 'wp_upwork_api_secret'

)

);

}

public function settings_section_wp_upwork()

{

// Think of this as help text for the section.

//echo 'Upwork API Setting:';

_e('Upwork API Setting:','wp_upwork');

}

/**

* This function provides text inputs for settings fields

public function settings_field_input_text($args)

{

// Get the field name from the $args array

$field = esc_attr($args['field']);

// Get the value of this setting

$value = get_option($field);

// echo a proper input type="text"

echo sprintf('<input type="text" name="%s" id="%s" value="%s" />', $field, $field, $value);

} // END public function settings_field_input_text($args)

/**

* add a menu

public function add_menu()

{

// Add a page to manage this plugin's settings

add_options_page(

__('WP Upwork Settings'),

'manage_options',

'wp_upwork',

array(&$this, 'plugin_settings_page')

);

} // END public function add_menu()

/**

* Menu Callback

public function plugin_settings_page()

{

if(!current_user_can('manage_options'))

{

wp_die(__('You do not have sufficient permissions to access this page.'));

}

// Render the settings template

//include(sprintf("%s/templates/settings.php", dirname(__FILE__)));

<p><?php _e('You\'ll need to go to the <a href="https://developers.upwork.com">Upwork Developer Page</a> to setup your project and setup the values below.'); ?></p>

<?php settings_fields( 'wp_upwork-group' ); ?>

<?php do_settings_sections( 'wp_upwork_settings' ); ?>

<?php submit_button(); ?>

</form>

</div>

<?php

} // END public function plugin_settings_page()

} // END class WP_Upwork_Settings

} // END if(!class_exists('WP_Upwork_Settings'))

And here is our main plugin file ‘upwork.php’ content:

if ( ! defined( 'ABSPATH' ) ) exit;

if( ! defined('WP_UPWORK_PLUGIN_DIR' ) ) {
    define('WP_UPWORK_PLUGIN_DIR', dirname(__FILE__));
}

if(!class_exists('WP_Upwork'))
{
    class WP_Upwork{
        /**
         * Construct the plugin object
         */
        public function __construct()
        {
            //Initialize settings
            require_once(WP_UPWORK_PLUGIN_DIR . '/includes/settings.php');
            $WP_Upwork_Settings=new WP_Upwork_Settings();
            // Add settings link to plugins page
            add_filter( 'plugin_action_links_' . plugin_basename(__FILE__) , array( &$this , 'add_settings_link' ) );
        }
        /**
         * Activate the plugin
         */
        public static function activate()
        {
            // Do nothing
        } // END public static function activate
    
        /**
         * Deactivate the plugin
         */     
        public static function deactivate()
        {
            // Do nothing
        } // END public static function deactivate
        
        // Add the settings link to the plugins page
        function add_settings_link($links)
        { 
            $settings_link = '<a href="options-general.php?page=wp_upwork">Settings</a>'; 
            array_unshift($links, $settings_link); 
            return $links; 
        }
    } // END class WP_Upwork
} // END if(!class_exists('WP_Upwork'))

//Instantiate WP_Upwork class
if(class_exists('WP_Upwork')){
    // Installation and uninstallation hooks
    register_activation_hook(__FILE__, array('WP_Upwork', 'activate'));
    register_deactivation_hook(__FILE__, array('WP_Upwork', 'deactivate'));

    // instantiate the plugin class
    $wp_upwork = new WP_Upwork();
}

if ( ! defined( 'ABSPATH' ) ) exit;

if( ! defined('WP_UPWORK_PLUGIN_DIR' ) ) {

define('WP_UPWORK_PLUGIN_DIR', dirname(__FILE__));

}

if(!class_exists('WP_Upwork'))

{

class WP_Upwork{

/**

* Construct the plugin object

public function __construct()

{

//Initialize settings

require_once(WP_UPWORK_PLUGIN_DIR . '/includes/settings.php');

$WP_Upwork_Settings=new WP_Upwork_Settings();

// Add settings link to plugins page

add_filter( 'plugin_action_links_' . plugin_basename(__FILE__) , array( &$this , 'add_settings_link' ) );

}

/**

* Activate the plugin

public static function activate()

{

// Do nothing

} // END public static function activate

/**

* Deactivate the plugin

public static function deactivate()

{

// Do nothing

} // END public static function deactivate

// Add the settings link to the plugins page

function add_settings_link($links)

{

$settings_link = '<a href="options-general.php?page=wp_upwork">Settings</a>';

array_unshift($links, $settings_link);

return $links;

}

} // END class WP_Upwork

} // END if(!class_exists('WP_Upwork'))

//Instantiate WP_Upwork class

if(class_exists('WP_Upwork')){

// Installation and uninstallation hooks

register_activation_hook(__FILE__, array('WP_Upwork', 'activate'));

register_deactivation_hook(__FILE__, array('WP_Upwork', 'deactivate'));

// instantiate the plugin class

$wp_upwork = new WP_Upwork();

}

Somehow I can’t put the filter ‘plugin_action_links_’ . plugin_basename(__FILE__)’ in ‘WP_Upwork_Settings’ class! The setting link can’t be displayed in the plugin main list!

Now I want to connect to Upwork API with My API key and API Secret provided by Upwork. When the connection is success, I would get the access token! I need to store the token to get more access from Upwork like searching the jobs and many more.
NOTE: I MADE A WRONG THING HERE! WHAT I THOUGHT AS ACCESS TOKEN ACTUALLY IS A REQUEST TOKEN! AND FINALLY IT’S NOT WORKING FROM HERE #9 UNTIL #13
Modify /includes/settings.php to show the token below the API Key and Secret (The token must be from Upwork so I dont have to type it manually). The screnario is every ‘Save’ button is pressed, beside the keys, the token would be updated as well. So in ‘WP_Upwork_Settings’ class constructor, add this:

class WP_Upwork_Settings{
    /**
     * Construct the plugin object
     */
    protected $action       = 'wp_upwork';
    protected $option_name  = 'wp_upwork';

    public function __construct()
    {
        ...
        // Get access token after saving data
        add_action('init', array(&$this, 'get_access_token'));
    } // END public function __construct

class WP_Upwork_Settings{

/**

* Construct the plugin object

protected $action = 'wp_upwork';

protected $option_name = 'wp_upwork';

public function __construct()

{

...

// Get access token after saving data

add_action('init', array(&$this, 'get_access_token'));

} // END public function __construct

Then show the label for the access token in ‘admin_init’ and ‘settings_field_label’ function:

public function admin_init(){
    // register your plugin's settings
    ...
    register_setting( 'wp_upwork-group', 'wp_upwork_access_token' );
    ...
    // add your setting's fields
    add_settings_field(
        'wp_upwork-wp_upwork_access_token', 
        __('Access Token'), 
        array(&$this, 'settings_field_label'), 
        'wp_upwork_settings', 
        'wp_upwork-section',
        array(
            'field' => 'wp_upwork_access_token'
        )
    );
}
...
/**
 * This function provides label for settings fields
 */
public function settings_field_label($args)
{
    // Get the field name from the $args array
    $field = esc_attr($args['field']);
    // Get the value of this setting
    $value = get_option($field);
    // echo a proper input type="text"
    echo sprintf('<label name="%s" id="%s">%s</label>', $field, $field, $value);
} // END public function settings_field_input_text($args)

public function admin_init(){

// register your plugin's settings

...

register_setting( 'wp_upwork-group', 'wp_upwork_access_token' );

...

// add your setting's fields

add_settings_field(

'wp_upwork-wp_upwork_access_token',

__('Access Token'),

array(&$this, 'settings_field_label'),

'wp_upwork_settings',

'wp_upwork-section',

array(

'field' => 'wp_upwork_access_token'

)

);

}

...

/**

* This function provides label for settings fields

public function settings_field_label($args)

{

// Get the field name from the $args array

$field = esc_attr($args['field']);

// Get the value of this setting

$value = get_option($field);

// echo a proper input type="text"

echo sprintf('<label name="%s" id="%s">%s</label>', $field, $field, $value);

} // END public function settings_field_input_text($args)

Modify ‘plugin_settings_page’ function to add a new hidden value ‘wp_nonce_field’ and change the button title to ‘Save and Get Access Token’.

public function plugin_settings_page()
{
    ...
    ?>
    <div class="wrap">
        <h2><?php _e('Upwork API Settings','wp_upwork'); ?></h2>
        <p><?php _e('You\'ll need to go to the <a href="https://developers.upwork.com">Upwork Developer Page</a> to setup your project and setup the values below.'); ?></p>
        <form action="options-general.php?page=wp_upwork" method="POST">
            <?php settings_fields( 'wp_upwork-group' ); ?>
            <?php wp_nonce_field( $this->action, $this->option_name . '_nonce', FALSE ); ?>
            <?php do_settings_sections( 'wp_upwork_settings' ); ?>
            <?php submit_button(__('Save and Get Access Token')); ?>
        </form>
    </div>
    <?php
} // END public function plugin_settings_page()

public function plugin_settings_page()

{

...

<p><?php _e('You\'ll need to go to the <a href="https://developers.upwork.com">Upwork Developer Page</a> to setup your project and setup the values below.'); ?></p>

<?php settings_fields( 'wp_upwork-group' ); ?>

<?php wp_nonce_field( $this->action, $this->option_name . '_nonce', FALSE ); ?>

<?php do_settings_sections( 'wp_upwork_settings' ); ?>

<?php submit_button(__('Save and Get Access Token')); ?>

</form>

</div>

<?php

} // END public function plugin_settings_page()

The hidden value would be submitted and be caught to inspect the keys and get the access token in ‘get_access_token’ function.

/**
 * Get access token after saving data
 */     
public function get_access_token()
{
    if(isset($_POST[ $this->option_name . '_nonce' ])){
        if ( wp_verify_nonce( $_POST[ $this->option_name . '_nonce' ], $this->action ) ){
            if ( isset ( $_POST[ 'wp_upwork_api_key' ] ) && isset ( $_POST[ 'wp_upwork_api_secret' ] )){
                /*require_once(WP_UPWORK_PLUGIN_DIR . '/src/Upwork/API/Config.php');
                NO MORE INCLUDE.USE AUTOLOAD INSTEAD*/
                $api_key=$_POST[ 'wp_upwork_api_key' ];
                $api_secret=$_POST[ 'wp_upwork_api_secret' ];
                $my_config=array(
                    'consumerKey'       => $api_key,
                    'consumerSecret'    => $api_secret,
                    'accessToken'       => NULL,       // got access token
                    'accessSecret'      => NULL,      // got access secret
                    'requestToken'      => NULL,      // got request token
                    'requestSecret'     => NULL,     // got request secret
                    'verifySsl'         => false,
                    'mode'              => 'web',
                    'authType'          => 'OAuthPHPLib',
                    'debug'             => false
                );
                $config=new \Upwork\API\Config($my_config);
                //echo $config::get('consumerKey');
                $client=new \Upwork\API\Client($config);
                //$requestTokenInfo = $client->getRequestToken();
                var_dump($client->getRequestToken());
            }
            exit;
        }
    }
} // END public function admin_post()

/**

* Get access token after saving data

public function get_access_token()

{

if(isset($_POST[ $this->option_name . '_nonce' ])){

if ( wp_verify_nonce( $_POST[ $this->option_name . '_nonce' ], $this->action ) ){

if ( isset ( $_POST[ 'wp_upwork_api_key' ] ) && isset ( $_POST[ 'wp_upwork_api_secret' ] )){

/*require_once(WP_UPWORK_PLUGIN_DIR . '/src/Upwork/API/Config.php');

NO MORE INCLUDE.USE AUTOLOAD INSTEAD*/

$api_key=$_POST[ 'wp_upwork_api_key' ];

$api_secret=$_POST[ 'wp_upwork_api_secret' ];

$my_config=array(

'consumerKey' => $api_key,

'consumerSecret' => $api_secret,

'accessToken' => NULL, // got access token

'accessSecret' => NULL, // got access secret

'requestToken' => NULL, // got request token

'requestSecret' => NULL, // got request secret

'verifySsl' => false,

'mode' => 'web',

'authType' => 'OAuthPHPLib',

'debug' => false

);

$config=new \Upwork\API\Config($my_config);

//echo $config::get('consumerKey');

$client=new \Upwork\API\Client($config);

//$requestTokenInfo = $client->getRequestToken();

var_dump($client->getRequestToken());

}

exit;

}

} // END public function admin_post()

There is an important setting to pass the configuration beside ‘consumer key’ and ‘consumer secret’, it’s ‘authType’. I tried ‘OAuth1’ but it didn’t work. the work is ‘OAuthPHPLib’.

Use composer to download the Upwork API for PHP (https://github.com/upwork/php-upwork). Create a new composer.json file in our main plugin directory. Here is the content:

{
    "name": "advcha/upwork",
    "require": {
        "upwork/php-upwork": "dev-master"
    }
}

{

"name": "advcha/upwork",

"require": {

"upwork/php-upwork": "dev-master"

}

Now use terminal and download the API PHP library

teddy@teddy-K43SJ:~$ cd Documents/works/wordpress_local/wp-content/plugins/upwork/
teddy@teddy-K43SJ:~/Documents/works/wordpress_local/wp-content/plugins/upwork$ composer update
Loading composer repositories with package information
Updating dependencies (including require-dev)
  - Installing upwork/php-upwork (dev-master b48b104)
    Downloading: 100%         

upwork/php-upwork suggests installing ext-oauth (This extension from PECL provides OAuth consumer and provider bindings. See more under http://www.php.net/oauth)
Writing lock file
Generating autoload files

teddy@teddy-K43SJ:~$ cd Documents/works/wordpress_local/wp-content/plugins/upwork/

teddy@teddy-K43SJ:~/Documents/works/wordpress_local/wp-content/plugins/upwork$ composer update

Loading composer repositories with package information

Updating dependencies (including require-dev)

- Installing upwork/php-upwork (dev-master b48b104)

Downloading: 100%

upwork/php-upwork suggests installing ext-oauth (This extension from PECL provides OAuth consumer and provider bindings. See more under http://www.php.net/oauth)

Writing lock file

Generating autoload files

This would create a new directory ‘vendor’ in the main our plugin directory. The API would be there!
Read how to use autoload and composer for developing wordpress plugin: Improving WordPress Development Workflow with Composer, Managing Your WordPress Site with Git and Composer Part 2 – Using Composer to Manage Themes and Plugins and How To Use Autoloading And A Plugin Container In WordPress Plugins.

We need to add the autoload in upwork.php file so we can use the API library:

require __DIR__ . '/vendor/autoload.php';

1	require __DIR__ . '/vendor/autoload.php';

With this only single line, we dont need to include/require the API library manually like this (/includes/settings.php at ‘admin_post’ function):

/*require_once(WP_UPWORK_PLUGIN_DIR . '/src/Upwork/API/Config.php');
require_once(WP_UPWORK_PLUGIN_DIR . '/src/Upwork/API/Client.php');
require_once(WP_UPWORK_PLUGIN_DIR . '/src/Upwork/API/Debug.php');
require_once(WP_UPWORK_PLUGIN_DIR . '/src/Upwork/API/Interfaces/Client.php');
require_once(WP_UPWORK_PLUGIN_DIR . '/src/Upwork/API/AuthTypes/AbstractOAuth.php');
require_once(WP_UPWORK_PLUGIN_DIR . '/src/Upwork/API/AuthTypes/OAuth1.php');*/

/*require_once(WP_UPWORK_PLUGIN_DIR . '/src/Upwork/API/Config.php');

require_once(WP_UPWORK_PLUGIN_DIR . '/src/Upwork/API/Client.php');

require_once(WP_UPWORK_PLUGIN_DIR . '/src/Upwork/API/Debug.php');

require_once(WP_UPWORK_PLUGIN_DIR . '/src/Upwork/API/Interfaces/Client.php');

require_once(WP_UPWORK_PLUGIN_DIR . '/src/Upwork/API/AuthTypes/AbstractOAuth.php');

require_once(WP_UPWORK_PLUGIN_DIR . '/src/Upwork/API/AuthTypes/OAuth1.php');*/

Here is how it looksWhen the button is pressed, if nothing wrong the access token and the access token secret would be revealed like this:SORRY, ONLY ADMIN CAN SHOW THIS!

Now I want to store the tokens values in database so later we can get the values and use its for Upwork API functions.
Modify ‘get_access_token’ function in /includes/settings.php file to get the tokens and save its. I use ‘update_option’ function to do its (https://codex.wordpress.org/Function_Reference/update_option)

public function get_access_token()
{
    if(isset($_POST[ $this->option_name . '_nonce' ])){
        if ( wp_verify_nonce( $_POST[ $this->option_name . '_nonce' ], $this->action ) ){
            if ( isset ( $_POST[ 'wp_upwork_api_key' ] ) && isset ( $_POST[ 'wp_upwork_api_secret' ] )){
                ...
                $client=new \Upwork\API\Client($config);
                $requestTokenInfo = $client->getRequestToken();
                if(isset($requestTokenInfo['oauth_token']) && isset($requestTokenInfo['oauth_token_secret'])){
                    //save/update the tokens in database
                    update_option('wp_upwork_access_token', $requestTokenInfo['oauth_token']);
                    update_option('wp_upwork_access_token_secret', $requestTokenInfo['oauth_token_secret']);
                }else{
                    var_dump($client->getRequestToken());
                    exit;
                }
                
            }
            //exit;
        }
    }
} // END public function get_access_token()

public function get_access_token()

{

if(isset($_POST[ $this->option_name . '_nonce' ])){

if ( wp_verify_nonce( $_POST[ $this->option_name . '_nonce' ], $this->action ) ){

if ( isset ( $_POST[ 'wp_upwork_api_key' ] ) && isset ( $_POST[ 'wp_upwork_api_secret' ] )){

...

$client=new \Upwork\API\Client($config);

$requestTokenInfo = $client->getRequestToken();

if(isset($requestTokenInfo['oauth_token']) && isset($requestTokenInfo['oauth_token_secret'])){

//save/update the tokens in database

update_option('wp_upwork_access_token', $requestTokenInfo['oauth_token']);

update_option('wp_upwork_access_token_secret', $requestTokenInfo['oauth_token_secret']);

}else{

var_dump($client->getRequestToken());

exit;

}

//exit;

}

} // END public function get_access_token()

If everything right, here is how it would looks like

<OLD>
You can also check the tokens values. Not only the value for access token (‘wp_upwork_access_token’) but also for access token secret’s value (‘wp_upwork_access_token_secret’). No reason to display the secret’s value here.
</OLD>
<NEW>
Actually I GOT THE REQUEST TOKEN ABOVE NOT THE ACCESS TOKEN!! SO UPWORK GAVE REQUEST TOKEN FIRST THEN GIVE BACK THE ACCESS TOKEN IF SUCCESS!
READ THIS FOR THE WORKFLOW: https://developers.upwork.com/?lang=php#authentication_oauth-10
</NEW>

I tried to get the access token (actually I just realized I got the request token not the access token)
I MODIFY ‘get_access_token’ function

/**
 * Get access token after saving data
 */     
public function get_access_token()
{
    if( !session_id() )
        session_start();
        
    if(isset($_POST[ $this->option_name . '_nonce' ]) || (isset($_SESSION['oauth_token']) && isset($_SESSION['oauth_token_secret'])) || (isset($_GET['oauth_token']) && isset($_SESSION['oauth_verifier']))){
        //first
        $api_key=get_option('wp_upwork_api_key');
        $api_secret=get_option('wp_upwork_api_secret');
        /*if ( isset ( $_POST[ 'wp_upwork_api_key' ] ) && isset ( $_POST[ 'wp_upwork_api_secret' ] )){
            $api_key=$_POST[ 'wp_upwork_api_key' ];
            $api_secret=$_POST[ 'wp_upwork_api_secret' ];
        }*/
        $request_token=$_SESSION['oauth_token'];
        $request_token_secret=$_SESSION['oauth_token_secret'];
        $verifier=$_GET['oauth_verifier'];

        $access_token=$_SESSION['access_token'];
        $access_secret=$_SESSION['access_secret'];
                
        $my_config=array(
            'consumerKey'       => $api_key,
            'consumerSecret'    => $api_secret,
            'accessToken'       => $access_token,             // got access token
            'accessSecret'      => $access_secret,            // got access secret
            'requestToken'      => $request_token,            // got request token
            'requestSecret'     => $request_token_secret,     // got request secret
            'verifier'          => $verifier,
            'verifySsl'         => false,
            'mode'              => 'web',
            'authType'          => 'OAuthPHPLib',
            'debug'             => false
        );
        $config=new \Upwork\API\Config($my_config);
        $client=new \Upwork\API\Client($config);
                
        if ( wp_verify_nonce( $_POST[ $this->option_name . '_nonce' ], $this->action ) && (empty($_SESSION['oauth_token']) && empty($_SESSION['access_token'])) ){
            if ( isset ( $_POST[ 'wp_upwork_api_key' ] ) && isset ( $_POST[ 'wp_upwork_api_secret' ] )){
                $requestTokenInfo = $client->getRequestToken();
                if(isset($requestTokenInfo['oauth_token']) && isset($requestTokenInfo['oauth_token_secret'])){
                    
                    $_SESSION['oauth_token']=$requestTokenInfo['oauth_token'];
                    $_SESSION['oauth_token_secret']=$requestTokenInfo['oauth_token_secret'];
                    // request authorization
                    $client->auth();
                    //var_dump($accessTokenInfo);
                    //exit;
                }else{
                    var_dump($client->getRequestToken());
                    exit;
                }
                
            }
            //exit;
        }elseif(empty($_SESSION['access_token'])){
            //get authorization
            $accessTokenInfo = $client->auth();
            var_dump($accessTokenInfo);
            if($accessTokenInfo){
                $_SESSION['access_token']   = $accessTokenInfo['access_token'];
                $_SESSION['access_secret']  = $accessTokenInfo['access_secret'];
                
                //save/update the tokens in database
                update_option('wp_upwork_access_token',$accessTokenInfo['access_token']);
                update_option('wp_upwork_access_token_secret',$accessTokenInfo['access_secret']);
            }
            //exit;
        }
        
        if ($_SESSION['access_token']) {
            // clean up session data
            unset($_SESSION['request_token']);
            unset($_SESSION['request_secret']);
            // gets info of the authenticated user
            $auth = new \Upwork\API\Routers\Auth($client);
            $info = $auth->getUserInfo();
            print_r($info);
        }
    }
    
    
} // END public function get_access_token()

/**

* Get access token after saving data

public function get_access_token()

{

if( !session_id() )

session_start();

if(isset($_POST[ $this->option_name . '_nonce' ]) || (isset($_SESSION['oauth_token']) && isset($_SESSION['oauth_token_secret'])) || (isset($_GET['oauth_token']) && isset($_SESSION['oauth_verifier']))){

//first

$api_key=get_option('wp_upwork_api_key');

$api_secret=get_option('wp_upwork_api_secret');

/*if ( isset ( $_POST[ 'wp_upwork_api_key' ] ) && isset ( $_POST[ 'wp_upwork_api_secret' ] )){

$api_key=$_POST[ 'wp_upwork_api_key' ];

$api_secret=$_POST[ 'wp_upwork_api_secret' ];

}*/

$request_token=$_SESSION['oauth_token'];

$request_token_secret=$_SESSION['oauth_token_secret'];

$verifier=$_GET['oauth_verifier'];

$access_token=$_SESSION['access_token'];

$access_secret=$_SESSION['access_secret'];

$my_config=array(

'consumerKey' => $api_key,

'consumerSecret' => $api_secret,

'accessToken' => $access_token, // got access token

'accessSecret' => $access_secret, // got access secret

'requestToken' => $request_token, // got request token

'requestSecret' => $request_token_secret, // got request secret

'verifier' => $verifier,

'verifySsl' => false,

'mode' => 'web',

'authType' => 'OAuthPHPLib',

'debug' => false

);

$config=new \Upwork\API\Config($my_config);

$client=new \Upwork\API\Client($config);

if ( wp_verify_nonce( $_POST[ $this->option_name . '_nonce' ], $this->action ) && (empty($_SESSION['oauth_token']) && empty($_SESSION['access_token'])) ){

if ( isset ( $_POST[ 'wp_upwork_api_key' ] ) && isset ( $_POST[ 'wp_upwork_api_secret' ] )){

$requestTokenInfo = $client->getRequestToken();

if(isset($requestTokenInfo['oauth_token']) && isset($requestTokenInfo['oauth_token_secret'])){

$_SESSION['oauth_token']=$requestTokenInfo['oauth_token'];

$_SESSION['oauth_token_secret']=$requestTokenInfo['oauth_token_secret'];

// request authorization

$client->auth();

//var_dump($accessTokenInfo);

//exit;

}else{

var_dump($client->getRequestToken());

exit;

}

//exit;

}elseif(empty($_SESSION['access_token'])){

//get authorization

$accessTokenInfo = $client->auth();

var_dump($accessTokenInfo);

if($accessTokenInfo){

$_SESSION['access_token'] = $accessTokenInfo['access_token'];

$_SESSION['access_secret'] = $accessTokenInfo['access_secret'];

//save/update the tokens in database

update_option('wp_upwork_access_token',$accessTokenInfo['access_token']);

update_option('wp_upwork_access_token_secret',$accessTokenInfo['access_secret']);

}

//exit;

}

if ($_SESSION['access_token']) {

// clean up session data

unset($_SESSION['request_token']);

unset($_SESSION['request_secret']);

// gets info of the authenticated user

$auth = new \Upwork\API\Routers\Auth($client);

$info = $auth->getUserInfo();

print_r($info);

}

} // END public function get_access_token()

LIKE I SAID ABOVE, IT DIDN’T WORK

https://www.upwork.com/services/api/www.advchaweb.com/upwork?oauth_token=708638d60eee72f4c7c133a2617b15ef&oauth_verifier=b57428447a10ef831db125a1c9f6e648
IT SHOULD BE LIKE:
http://localhost/works/wordpress_local/wp-admin/options-general.php?page=wp_upwork&oauth_token=63c1ab57d81ef2a120dc122255f252fd&oauth_verifier=4601823dab3c049d2d71be0f76a48a7cUNTIL HERE, IT’S NOT WORKING AS EXPECTED. I NEED TO TRY THIS SAMPLE https://github.com/upwork/php-upwork/blob/master/example/web.php
I MAKE THE SAMPLE LOCALLY: http://localhost/works/upwork_api/ AND IT’S WORKING FOR THE FIRST TIME (NOT WORKING AFTER THAT. MEANS NO DATA CAN I GET FROM UPWORK!!!)
SORRY, ONLY ADMIN CAN SHOW THIS!
After a few hours I tried again to call the Upwork API via http://localhost/works/upwork_api AND it’s working again. Actually to get the access token and call a function (like User), it takes four web call.
SORRY, ONLY ADMIN CAN SHOW THIS!

Because I failed to get the access token from ‘get_access_token’ function, I tried to use Custom Page Template (Please read Add Page Templates to WordPress with a Plugin) like I used to use it for Elance API. But it different here. I dont have to inject the php file in the active theme. I can use it from my plugin!
Okay. I need to clean my code and remove the previous changes above (from #9 and #14) about the tokens field and the ‘get_access_token’ function.
SORRY, ONLY ADMIN CAN SHOW THIS!
SO I BACK TO THE PREVIOUS CODE WHERE THE WP_Upwork plugin in the admin page only to store API Key and API Secret!
Back to our custom page template, create a new file ‘template.php’ in /includes/ directory. this file would consist of a class ‘WP_Upwork_Template’. This class would get the template file, show it on the page/post page dropdown template and render/view it.

<?php
if ( ! defined( 'ABSPATH' ) ) exit;

if(!class_exists('WP_Upwork_Template'))
{
    class WP_Upwork_Template{
        
        /**
         * A reference to an instance of this class.
         */
        private static $instance;
        /**
         * The array of templates that this plugin tracks.
         */
        protected $templates;
        /**
         * Returns an instance of this class. 
         */
        public static function get_instance() {
            if ( null == self::$instance ) {
                self::$instance = new WP_Upwork_Template();
            } 
            return self::$instance;
        } 
        /**
         * Construct the plugin object
         */
        public function __construct()
        {
            $this->templates = array();
            
            // Add a filter to the attributes metabox to inject template into the cache.
            if ( version_compare( floatval( get_bloginfo( 'version' ) ), '4.7', '<' ) ) { // 4.6 and older
                add_filter(
                    'page_attributes_dropdown_pages_args',
                    array( &$this, 'register_upwork_templates' )
                );
            } else { // Add a filter to the wp 4.7 version attributes metabox
                add_filter(
                    'theme_page_templates', array( &$this, 'add_upwork_template' )
                );
            }
            // Add a filter to the save post to inject out template into the page cache
            add_filter(
                'wp_insert_post_data', 
                array( &$this, 'register_upwork_templates' ) 
            );
            // Add a filter to the template include to determine if the page has our 
            // template assigned and return it's path
            add_filter(
                'template_include', 
                array( &$this, 'view_upwork_template') 
            );
            // Add your templates to this array.
            $this->templates = array(
                'upwork-template.php' => 'Upwork Template',
            );
        } // END public function __construct
        
        /**
         * Adds our template to the page dropdown for v4.7+
         *
         */
        public function add_upwork_template( $posts_templates ) {
            $posts_templates = array_merge( $posts_templates, $this->templates );
            return $posts_templates;
        }
        /**
         * Adds our template to the pages cache in order to trick WordPress
         * into thinking the template file exists where it doens't really exist.
         *
         */
        public function register_upwork_templates( $atts ) {
            // Create the key used for the themes cache
            $cache_key = 'page_templates-' . md5( get_theme_root() . '/' . get_stylesheet() );
            // Retrieve the cache list. 
            // If it doesn't exist, or it's empty prepare an array
            $templates = wp_get_theme()->get_page_templates();
            if ( empty( $templates ) ) {
                $templates = array();
            } 
            // New cache, therefore remove the old one
            wp_cache_delete( $cache_key , 'themes');
            // Now add our template to the list of templates by merging our templates
            // with the existing templates array from the cache.
            $templates = array_merge( $templates, $this->templates );
            // Add the modified cache to allow WordPress to pick it up for listing
            // available templates
            wp_cache_add( $cache_key, $templates, 'themes', 1800 );
            return $atts;
        } 
        /**
         * Checks if the template is assigned to the page
         */
        public function view_upwork_template( $template ) {
            
            // Get global post
            global $post;
            // Return template if post is empty
            if ( ! $post ) {
                return $template;
            }
            // Return default template if we don't have a custom one defined
            if ( !isset( $this->templates[get_post_meta( 
                $post->ID, '_wp_page_template', true 
            )] ) ) {
                return $template;
            } 
            $file = plugin_dir_path(__FILE__). get_post_meta( 
                $post->ID, '_wp_page_template', true
            );
            // Just to be safe, we check if the file exist first
            if ( file_exists( $file ) ) {
                echo "File exist:";
                return $file;
            } else {
                echo "File NOT exist:".$file;
            }
            // Return template
            return $template;
        }
        
    } // END class WP_Upwork_Template
} // END if(!class_exists('WP_Upwork_Template'))

100

101

102

103

104

105

106

107

108

109

110

111

112

113

114

115

116

117

118

119

120

121

122

123

124

<?php

if ( ! defined( 'ABSPATH' ) ) exit;

if(!class_exists('WP_Upwork_Template'))

{

class WP_Upwork_Template{

/**

* A reference to an instance of this class.

private static $instance;

/**

* The array of templates that this plugin tracks.

protected $templates;

/**

* Returns an instance of this class.

public static function get_instance() {

if ( null == self::$instance ) {

self::$instance = new WP_Upwork_Template();

}

return self::$instance;

}

/**

* Construct the plugin object

public function __construct()

{

$this->templates = array();

// Add a filter to the attributes metabox to inject template into the cache.

if ( version_compare( floatval( get_bloginfo( 'version' ) ), '4.7', '<' ) ) { // 4.6 and older

add_filter(

'page_attributes_dropdown_pages_args',

array( &$this, 'register_upwork_templates' )

);

} else { // Add a filter to the wp 4.7 version attributes metabox

add_filter(

'theme_page_templates', array( &$this, 'add_upwork_template' )

);

}

// Add a filter to the save post to inject out template into the page cache

add_filter(

'wp_insert_post_data',

array( &$this, 'register_upwork_templates' )

);

// Add a filter to the template include to determine if the page has our

// template assigned and return it's path

add_filter(

'template_include',

array( &$this, 'view_upwork_template')

);

// Add your templates to this array.

$this->templates = array(

'upwork-template.php' => 'Upwork Template',

);

} // END public function __construct

/**

* Adds our template to the page dropdown for v4.7+

public function add_upwork_template( $posts_templates ) {

$posts_templates = array_merge( $posts_templates, $this->templates );

return $posts_templates;

}

/**

* Adds our template to the pages cache in order to trick WordPress

* into thinking the template file exists where it doens't really exist.

public function register_upwork_templates( $atts ) {

// Create the key used for the themes cache

$cache_key = 'page_templates-' . md5( get_theme_root() . '/' . get_stylesheet() );

// Retrieve the cache list.

// If it doesn't exist, or it's empty prepare an array

$templates = wp_get_theme()->get_page_templates();

if ( empty( $templates ) ) {

$templates = array();

}

// New cache, therefore remove the old one

wp_cache_delete( $cache_key , 'themes');

// Now add our template to the list of templates by merging our templates

// with the existing templates array from the cache.

$templates = array_merge( $templates, $this->templates );

// Add the modified cache to allow WordPress to pick it up for listing

// available templates

wp_cache_add( $cache_key, $templates, 'themes', 1800 );

return $atts;

}

/**

* Checks if the template is assigned to the page

public function view_upwork_template( $template ) {

// Get global post

global $post;

// Return template if post is empty

if ( ! $post ) {

return $template;

}

// Return default template if we don't have a custom one defined

if ( !isset( $this->templates[get_post_meta(

$post->ID, '_wp_page_template', true

)] ) ) {

return $template;

}

$file = plugin_dir_path(__FILE__). get_post_meta(

$post->ID, '_wp_page_template', true

);

// Just to be safe, we check if the file exist first

if ( file_exists( $file ) ) {

echo "File exist:";

return $file;

} else {

echo "File NOT exist:".$file;

}

// Return template

return $template;

}

} // END class WP_Upwork_Template

} // END if(!class_exists('WP_Upwork_Template'))

The template name is in a file ‘upwork-template.php’ in the same directory (/includes/). this file is the main page to connect to Upwork API (authenticate, authorize/get access token and call the Upwork API functions). This content looks like same with https://github.com/upwork/php-upwork/blob/master/example/web.php. Only API key and API secret I got from database. For a test only and to prove it can work as expected, here is the file content:

<?php
/*
 * Template Name: Upwork Template
 * Description: A Page Template for displaying Upwork API capability.
 */

session_start();
require WP_UPWORK_PLUGIN_DIR . '/vendor/autoload.php';
$config = new \Upwork\API\Config(
    array(
        'consumerKey'       => get_option('wp_upwork_api_key'),  // SETUP YOUR CONSUMER KEY
        'consumerSecret'    => get_option('wp_upwork_api_secret'),                  // SETUP YOUR KEY SECRET
        'accessToken'       => $_SESSION['access_token'],       // got access token
        'accessSecret'      => $_SESSION['access_secret'],      // got access secret
        'requestToken'      => $_SESSION['request_token'],      // got request token
        'requestSecret'     => $_SESSION['request_secret'],     // got request secret
        'verifier'          => $_GET['oauth_verifier'],         // got oauth verifier after authorization
        'mode'              => 'web',                           // can be 'nonweb' for console apps (default),
                                                                // and 'web' for web-based apps
        'debug'             => true, // enables debug mode. Note that enabling debug in web-based applications can block redirects
        'authType'          => 'OAuthPHPLib' // your own authentication type, see AuthTypes directory
    )
);
$client = new \Upwork\API\Client($config);
//var_dump($_SESSION);exit;
if (empty($_SESSION['request_token']) && empty($_SESSION['access_token'])) {
    // we need to get and save the request token. It will be used again
    // after the redirect from the Upwork site
    $requestTokenInfo = $client->getRequestToken();
    $_SESSION['request_token']  = $requestTokenInfo['oauth_token'];
    $_SESSION['request_secret'] = $requestTokenInfo['oauth_token_secret'];
    // request authorization
    $client->auth();
} elseif (empty($_SESSION['access_token'])) {
    // the callback request should be pointed to this script as well as
    // the request access token after the callback
    $accessTokenInfo = $client->auth();
    $_SESSION['access_token']   = $accessTokenInfo['access_token'];
    $_SESSION['access_secret']  = $accessTokenInfo['access_secret'];
}
// $accessTokenInfo has the following structure
// array('access_token' => ..., 'access_secret' => ...);
// keeps the access token in a secure place
// if authenticated
if ($_SESSION['access_token']) {
    //var_dump($_SESSION);
    // clean up session data
    unset($_SESSION['request_token']);
    unset($_SESSION['request_secret']);
    // gets info of the authenticated user
    $auth = new \Upwork\API\Routers\Auth($client);
    $info = $auth->getUserInfo();
    
    //$roles = new \Upwork\API\Routers\Hr\Roles($client);
    //$info = $roles->getAll();
    echo "<BR/>PROFILE:<BR/>".print_r($info);
}

<?php

* Template Name: Upwork Template

* Description: A Page Template for displaying Upwork API capability.

session_start();

require WP_UPWORK_PLUGIN_DIR . '/vendor/autoload.php';

$config = new \Upwork\API\Config(

array(

'consumerKey' => get_option('wp_upwork_api_key'), // SETUP YOUR CONSUMER KEY

'consumerSecret' => get_option('wp_upwork_api_secret'), // SETUP YOUR KEY SECRET

'accessToken' => $_SESSION['access_token'], // got access token

'accessSecret' => $_SESSION['access_secret'], // got access secret

'requestToken' => $_SESSION['request_token'], // got request token

'requestSecret' => $_SESSION['request_secret'], // got request secret

'verifier' => $_GET['oauth_verifier'], // got oauth verifier after authorization

'mode' => 'web', // can be 'nonweb' for console apps (default),

// and 'web' for web-based apps

'debug' => true, // enables debug mode. Note that enabling debug in web-based applications can block redirects

'authType' => 'OAuthPHPLib' // your own authentication type, see AuthTypes directory

)

);

$client = new \Upwork\API\Client($config);

//var_dump($_SESSION);exit;

if (empty($_SESSION['request_token']) && empty($_SESSION['access_token'])) {

// we need to get and save the request token. It will be used again

// after the redirect from the Upwork site

$requestTokenInfo = $client->getRequestToken();

$_SESSION['request_token'] = $requestTokenInfo['oauth_token'];

$_SESSION['request_secret'] = $requestTokenInfo['oauth_token_secret'];

// request authorization

$client->auth();

} elseif (empty($_SESSION['access_token'])) {

// the callback request should be pointed to this script as well as

// the request access token after the callback

$accessTokenInfo = $client->auth();

$_SESSION['access_token'] = $accessTokenInfo['access_token'];

$_SESSION['access_secret'] = $accessTokenInfo['access_secret'];

}

// $accessTokenInfo has the following structure

// array('access_token' => ..., 'access_secret' => ...);

// keeps the access token in a secure place

// if authenticated

if ($_SESSION['access_token']) {

//var_dump($_SESSION);

// clean up session data

unset($_SESSION['request_token']);

unset($_SESSION['request_secret']);

// gets info of the authenticated user

$auth = new \Upwork\API\Routers\Auth($client);

$info = $auth->getUserInfo();

//$roles = new \Upwork\API\Routers\Hr\Roles($client);

//$info = $roles->getAll();

echo "<BR/>PROFILE:<BR/>".print_r($info);

}

The template name is ‘Upwork Template’

Then create a new page ‘Upwork’ and select the template ‘Upwork Template’

Okay. One more thing. It’s better to change the permalink of our page url to http://localhost/works/wordpress_local/upwork/ instead of http://localhost/works/wordpress_local/?p=123. To do this, please go to Settings -> Permalinks -> Select ‘Post name’ Then Click ‘Save Changes’. It’d change the page url like above. BUT if you open the link and show 404 error, it means something wrong on your .htaccess or the permission or the apache2 setting. I tried many thing from

teddy@teddy-K43SJ:~/Documents/works/wordpress_local$ sudo chmod 777 .htaccess 
teddy@teddy-K43SJ:~/Documents/works/wordpress_local$ sudo service apache2 restart

1 2	teddy@teddy-K43SJ:~/Documents/works/wordpress_local$ sudo chmod 777 .htaccess teddy@teddy-K43SJ:~/Documents/works/wordpress_local$ sudo service apache2 restart

teddy@teddy-K43SJ:~/Documents/works/wordpress_local$ sudo a2enmod rewrite
Module rewrite already enabled

1 2	teddy@teddy-K43SJ:~/Documents/works/wordpress_local$ sudo a2enmod rewrite Module rewrite already enabled

BUT NOTHING IS WORKING. IT’S FINALLY WORKING IS FROM http://askubuntu.com/questions/48362/how-to-enable-mod-rewrite-in-apache. I need to put ‘AllowOverride All’ in the default apache2 configuration file:

teddy@teddy-K43SJ:~/Documents/works/wordpress_local$ sudo gedit /etc/apache2/sites-available/000-default.conf

1	teddy@teddy-K43SJ:~/Documents/works/wordpress_local$ sudo gedit /etc/apache2/sites-available/000-default.conf

Then add these lines:

<VirtualHost *:80>
	...
	DocumentRoot /var/www/html
	
	<Directory "/var/www/html">
		AllowOverride All
	</Directory>

	...
</VirtualHost>

...

DocumentRoot /var/www/html

AllowOverride All

</Directory>

...

</VirtualHost>

Then restart apache2 server.
Okay. It’s working now. It can open http://localhost/works/wordpress_local/upwork correctly. ALSO DON’T FORGET TO CHANGE AND SAVE Callback URL IN UPWORK API PAGE (https://www.upwork.com/services/api/keys).
SORRY, ONLY ADMIN CAN SHOW THIS!

Modify ‘upwork-template.php’ so we can save the access token and no need to get new token each API call. I tried like this:

<?php
/*
 * Template Name: Upwork Template
 * Description: A Page Template for displaying Upwork API capability.
 */

session_start();
require WP_UPWORK_PLUGIN_DIR . '/vendor/autoload.php';
$access_token=get_option('wp_upwork_access_token');
$access_token_secret=get_option('wp_upwork_access_token_secret');
if($access_token && $access_token_secret){
    $config = new \Upwork\API\Config(
        array(
            'consumerKey'       => get_option('wp_upwork_api_key'),  // SETUP YOUR CONSUMER KEY
            'consumerSecret'    => get_option('wp_upwork_api_secret'),                  // SETUP YOUR KEY SECRET
            'accessToken'       => $access_token,                   // got access token
            'accessSecret'      => $access_token_secret,            // got access secret
            'mode'              => 'web',                           // can be 'nonweb' for console apps (default),
                                                                    // and 'web' for web-based apps
            'debug'             => true, // enables debug mode. Note that enabling debug in web-based applications can block redirects
            'authType'          => 'OAuthPHPLib' // your own authentication type, see AuthTypes directory
        )
    );
    $client = new \Upwork\API\Client($config);
}else{
    $config = new \Upwork\API\Config(
        array(
            'consumerKey'       => get_option('wp_upwork_api_key'),  // SETUP YOUR CONSUMER KEY
            'consumerSecret'    => get_option('wp_upwork_api_secret'),                  // SETUP YOUR KEY SECRET
            'accessToken'       => $_SESSION['access_token'],                   // got access token
            'accessSecret'      => $_SESSION['access_secret'],            // got access secret
            'requestToken'      => $_SESSION['request_token'],      // got request token
            'requestSecret'     => $_SESSION['request_secret'],     // got request secret
            'verifier'          => $_GET['oauth_verifier'],         // got oauth verifier after authorization
            'mode'              => 'web',                           // can be 'nonweb' for console apps (default),
                                                                    // and 'web' for web-based apps
            'debug'             => true, // enables debug mode. Note that enabling debug in web-based applications can block redirects
            'authType'          => 'OAuthPHPLib' // your own authentication type, see AuthTypes directory
        )
    );
    $client = new \Upwork\API\Client($config);
    if (empty($_SESSION['request_token']) && empty($_SESSION['access_token'])) {
        // we need to get and save the request token. It will be used again
        // after the redirect from the Upwork site
        $requestTokenInfo = $client->getRequestToken();
        $_SESSION['request_token']  = $requestTokenInfo['oauth_token'];
        $_SESSION['request_secret'] = $requestTokenInfo['oauth_token_secret'];
        // request authorization
        $client->auth();
    } elseif (empty($_SESSION['access_token'])) {
        // the callback request should be pointed to this script as well as
        // the request access token after the callback
        $accessTokenInfo = $client->auth();
        $_SESSION['access_token']   = $accessTokenInfo['access_token'];
        $_SESSION['access_secret']  = $accessTokenInfo['access_secret'];
        
        update_option('wp_upwork_access_token',$accessTokenInfo['access_token']);
        update_option('wp_upwork_access_token_secret',$accessTokenInfo['access_secret']);
    }
}

// $accessTokenInfo has the following structure
// array('access_token' => ..., 'access_secret' => ...);
// keeps the access token in a secure place
// if authenticated
if ($access_token) {
//if ($_SESSION['access_token']) {
    //var_dump($_SESSION);
    // clean up session data
    unset($_SESSION['request_token']);
    unset($_SESSION['request_secret']);
    // gets info of the authenticated user
    $auth = new \Upwork\API\Routers\Auth($client);
    $info = $auth->getUserInfo();
    
    //$roles = new \Upwork\API\Routers\Hr\Roles($client);
    //$info = $roles->getAll();
    echo "<BR/>PROFILE:<BR/>".print_r($info);
}

<?php

* Template Name: Upwork Template

* Description: A Page Template for displaying Upwork API capability.

session_start();

require WP_UPWORK_PLUGIN_DIR . '/vendor/autoload.php';

$access_token=get_option('wp_upwork_access_token');

$access_token_secret=get_option('wp_upwork_access_token_secret');

if($access_token && $access_token_secret){

$config = new \Upwork\API\Config(

array(

'consumerKey' => get_option('wp_upwork_api_key'), // SETUP YOUR CONSUMER KEY

'consumerSecret' => get_option('wp_upwork_api_secret'), // SETUP YOUR KEY SECRET

'accessToken' => $access_token, // got access token

'accessSecret' => $access_token_secret, // got access secret