Active Model Serializer formatting JSON display

Question

I am using Active model serializer in my rails app and I want to refactor the display:

Whenever I go to http://localhost:3000/api/users/1 I see:

{"data":{"id":"1","type":"users","attributes":{"username":"Iggy1"},"relationships":{"items":{"data":[{"id":"1","type":"items"},{"id":"7","type":"items"}]},"lists":{"data":[{"id":"1","type":"lists"},{"id":"8","type":"lists"},{"id":"14","type":"lists"},{"id":"15","type":"lists"},{"id":"17","type":"lists"}]}}}}

How can I make it to look like:

{
    "data": {
        "id": "1",
        "type": "users",
        "attributes": {
            "username": "Iggy1"
        },
        "relationships": {
            "items": {
                "data": [{
                    "id": "1",
                    "type": "items"
                }, {
                    "id": "7",
                    "type": "items"
                }]
            },
            "lists": {
                "data": [{
                    "id": "1",
                    "type": "lists"
                }, {
                    "id": "8",
                    "type": "lists"
                }, {
                    "id": "14",
                    "type": "lists"
                }, {
                    "id": "15",
                    "type": "lists"
                }, {
                    "id": "17",
                    "type": "lists"
                }]
            }
        }
    }
}

I have spent a good amount of time browsing through adapters, rendering, architecture, but I couldn't find the guide. First off, is it possible to make it look like the second code block above? Second, if it is possible, what must I do to change the display?

api/users_controller.rb

   def show
     @user = User.find_by(id: params[:id])
     @no_user_found = User.all #other alternative when user ID not found?
     if @user.nil?
       flash[:notice] = "No user found"
       render json: @no_user_found, each_serializer: UserSerializer
     else
      render json: @user, each_serializer: UserSerializer
    end
   end

user_serializer.rb

class UserSerializer < ActiveModel::Serializer
   attributes :id, :username#, :email
   has_many :items, through: :lists
   has_many :lists
end

routes.rb

Rails.application.routes.draw do
  ActiveModelSerializers.config.adapter = :json_api
  namespace :api, defaults: { format: :json } do

     resources :users do
       resources :lists
     end

     resources :lists, only: [] do
       resources :items, only: [:create, :index, :show, :update]
     end

     resources :items, only: [:destroy]
   end
end

Just clarifying, is your question is how to make one liner output to and output of json with line indention? — oj5th
– oj5th, Commented Aug 3, 2016 at 0:59
Currently it is displaying a one-liner. I wanted to "fix" the display to include indentations and new line characters. — Iggy
– Iggy, Commented Aug 3, 2016 at 1:03
I guess you are displaying it on browser. Why don't you use Postman — oj5th
– oj5th, Commented Aug 3, 2016 at 1:05
I will look into Postman; I have heard of that before :) And yes, I am viewing it from browser; is it possible to include the indentation and new line from the browser? — Iggy
– Iggy, Commented Aug 3, 2016 at 1:07

oj5th · Accepted Answer · 2016-08-03 01:31:30Z

5

Instead of using browser, I suggest to use Postman pretty_generate.

You can render it with indentions and newline using the following below code:

<pre><%= JSON.pretty_generate(your_json_here) %></pre>

In your code above do it with:

<%
  require 'json'

  hash = JSON[{"data":{"id":"1","type":"users","attributes":{"username":"Iggy1"},"relationships":{"items":{"data":[{"id":"1","type":"items"},{"id":"7","type":"items"}]},"lists":{"data":[{"id":"1","type":"lists"},{"id":"8","type":"lists"},{"id":"14","type":"lists"},{"id":"15","type":"lists"},{"id":"17","type":"lists"}]}}}}.to_json] 
%>

<pre>
  <%=  JSON.pretty_generate(hash)%>
</pre>

edited Aug 3, 2016 at 1:31

answered Aug 3, 2016 at 1:11

oj5th

1,40711 silver badges25 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Community · Accepted Answer · 2017-05-23 11:48:42Z

0

Your question is about styling the json output. As @araratan suggested above you can use to only make readable for you. And there no necessary to make stylish to use in machine. if you need the same look in thGenerate preety json outpur

edited May 23, 2017 at 11:48

CommunityBot

11 silver badge

answered Aug 3, 2016 at 1:33

Pradeep Sapkota

2,0921 gold badge19 silver badges32 bronze badges

1 Comment

oj5th Over a year ago

He can style it adding <pre> html code. See my answer below.

Collectives™ on Stack Overflow

Active Model Serializer formatting JSON display

2 Answers 2

Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related