Adam Millerchip
7915b6d4ed
I originally developed this as an employee under the assumption that this would be released as an official SDK maintained by the company. But this is not the case, so I'm resetting the history to develop this in a personal capacity. This commit represents the progress until now.
163 lines
5.2 KiB
Elixir
163 lines
5.2 KiB
Elixir
defmodule LineBotSample.Flex do
|
|
def make_flex_message do
|
|
%LineBot.Message.Flex{
|
|
altText: "Your Brown Store Receipt",
|
|
contents: %LineBot.Message.Flex.Bubble{
|
|
body: %LineBot.Message.Flex.Box{
|
|
layout: "vertical",
|
|
contents: [
|
|
%LineBot.Message.Flex.Text{
|
|
text: "RECEIPT",
|
|
weight: "bold",
|
|
color: "#1DB446",
|
|
size: "sm"
|
|
},
|
|
%LineBot.Message.Flex.Text{
|
|
text: "Brown Store",
|
|
weight: "bold",
|
|
size: "xxl",
|
|
margin: "md"
|
|
},
|
|
%LineBot.Message.Flex.Text{
|
|
text: "Miraina Tower, 4-1-6 Shinjuku, Tokyo",
|
|
size: "xs",
|
|
color: "#aaaaaa",
|
|
wrap: true
|
|
},
|
|
%LineBot.Message.Flex.Separator{margin: "xxl"},
|
|
%LineBot.Message.Flex.Box{
|
|
layout: "vertical",
|
|
margin: "xxl",
|
|
spacing: "sm",
|
|
contents: [
|
|
%LineBot.Message.Flex.Box{
|
|
layout: "horizontal",
|
|
contents: [
|
|
%LineBot.Message.Flex.Text{
|
|
text: "Energy Drink",
|
|
size: "sm",
|
|
color: "#555555",
|
|
flex: 0
|
|
},
|
|
%LineBot.Message.Flex.Text{
|
|
text: "$2.99",
|
|
size: "sm",
|
|
color: "#111111",
|
|
align: "end"
|
|
}
|
|
]
|
|
},
|
|
%LineBot.Message.Flex.Box{
|
|
layout: "horizontal",
|
|
contents: [
|
|
%LineBot.Message.Flex.Text{
|
|
text: "Chewing Gum",
|
|
size: "sm",
|
|
color: "#555555",
|
|
flex: 0
|
|
},
|
|
%LineBot.Message.Flex.Text{
|
|
text: "$0.99",
|
|
size: "sm",
|
|
color: "#111111",
|
|
align: "end"
|
|
}
|
|
]
|
|
},
|
|
%LineBot.Message.Flex.Box{
|
|
layout: "horizontal",
|
|
contents: [
|
|
%LineBot.Message.Flex.Text{
|
|
text: "Bottled Water",
|
|
size: "sm",
|
|
color: "#555555",
|
|
flex: 0
|
|
},
|
|
%LineBot.Message.Flex.Text{
|
|
text: "$3.33",
|
|
size: "sm",
|
|
color: "#111111",
|
|
align: "end"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
%LineBot.Message.Flex.Separator{margin: "xxl"},
|
|
%LineBot.Message.Flex.Box{
|
|
layout: "horizontal",
|
|
margin: "xxl",
|
|
contents: [
|
|
%LineBot.Message.Flex.Text{text: "ITEMS", size: "sm", color: "#555555"},
|
|
%LineBot.Message.Flex.Text{text: "3", size: "sm", color: "#111111", align: "end"}
|
|
]
|
|
},
|
|
%LineBot.Message.Flex.Box{
|
|
layout: "horizontal",
|
|
margin: "xxl",
|
|
contents: [
|
|
%LineBot.Message.Flex.Text{text: "TOTAL", size: "sm", color: "#555555"},
|
|
%LineBot.Message.Flex.Text{
|
|
text: "$7.31",
|
|
size: "sm",
|
|
color: "#111111",
|
|
align: "end"
|
|
}
|
|
]
|
|
},
|
|
%LineBot.Message.Flex.Box{
|
|
layout: "horizontal",
|
|
margin: "xxl",
|
|
contents: [
|
|
%LineBot.Message.Flex.Text{text: "CASH", size: "sm", color: "#555555"},
|
|
%LineBot.Message.Flex.Text{
|
|
text: "$8.0",
|
|
size: "sm",
|
|
color: "#111111",
|
|
align: "end"
|
|
}
|
|
]
|
|
},
|
|
%LineBot.Message.Flex.Box{
|
|
layout: "horizontal",
|
|
margin: "xxl",
|
|
contents: [
|
|
%LineBot.Message.Flex.Text{text: "CHANGE", size: "sm", color: "#555555"},
|
|
%LineBot.Message.Flex.Text{
|
|
text: "$0.69",
|
|
size: "sm",
|
|
color: "#111111",
|
|
align: "end"
|
|
}
|
|
]
|
|
},
|
|
%LineBot.Message.Flex.Separator{margin: "xxl"},
|
|
%LineBot.Message.Flex.Box{
|
|
layout: "horizontal",
|
|
margin: "md",
|
|
contents: [
|
|
%LineBot.Message.Flex.Text{
|
|
text: "PAYMENT ID",
|
|
size: "xs",
|
|
color: "#aaaaaa",
|
|
flex: 0
|
|
},
|
|
%LineBot.Message.Flex.Text{
|
|
text: "#743289384279",
|
|
size: "xs",
|
|
color: "#aaaaaa",
|
|
align: "end"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
styles: %LineBot.Message.Flex.BubbleStyle{
|
|
footer: %LineBot.Message.Flex.BubbleStyleBlock{
|
|
separator: true
|
|
}
|
|
}
|
|
}
|
|
}
|
|
end
|
|
end
|