Skip to content

Instantly share code, notes, and snippets.

View ian11369's full-sized avatar

Ian Matheus ian11369

0 followers · 3 following
View GitHub Profile
@ian11369
ian11369 / oppsdaconta.html - oppsdaconta.js
Created September 20, 2022 21:59
Monte um componente chamado oppsdaconta (oppsdaconta.html | oppsdaconta.js) esse componente deve estar preparado para receber valores do pai (propriedade publica), os atributos publicos são são id, nome, valor, fase. Os dados recebidos devem ser exibidos no componente (oppsdaconta.html) Depois de montado, chame ele (c-oppsdaconta) em App(pai) pa…
<template>
<lightning-card title="Informações oppsdaconta">
<div class="slds-p-around_medium">
<p>Id: {id} </p>
<p>Nome: {nome} </p>
<p>Valor: {valor} </p>
<p>Fase: {fase} </p>
@ian11369
ian11369 / app.css-app.html-app.js
Created September 20, 2022 21:58
Monte um componente chamado oppsdaconta (oppsdaconta.html | oppsdaconta.js) esse componente deve estar preparado para receber valores do pai (propriedade publica), os atributos publicos são são id, nome, valor, fase. Os dados recebidos devem ser exibidos no componente (oppsdaconta.html) Depois de montado, chame ele (c-oppsdaconta) em App(pai) pa…
-css-
h1 {
color: rgb(0, 112, 210);
}
p {
font-family: 'Salesforce Sans', Arial, sans-serif;
color: rgb(62, 62, 60);
}
.app {
background-color: #fafaf9;
@ian11369
ian11369 / atvddbasica2.js
Created September 20, 2022 03:10
Crie um componente LWC, com uma div com as seguinte imagem linkada abaixo: Observação: usar passagem de atributo Js para HTML pra exibir a imagem no componente <img> oculto -- >>>> https://img.playbuzz.com/image/upload/ar_1.5,c_pad,f_jpg,b_auto/q_auto:good,f_auto,fl_lossy,w_640,c_limit,dpr_1/cdn/5dd1da62-7fad-4065-ac16-928d743a2176/7af3b478-4cfa…
import { LightningElement } from "lwc";
export default class App extends LightningElement {
visivel= true;
obj = {
poke1Card: " https://img.playbuzz.com/image/upload/ar_1.5,c_pad,f_jpg,b_auto/q_auto:good,f_auto,fl_lossy,w_640,c_limit,dpr_1/cdn/5dd1da62-7fad-4065-ac16-928d743a2176/7af3b478-4cfa-4fce-8c24-af07c24c38c5.jpg",
poke2Card: " https://img.playbuzz.com/image/upload/ar_1.5,c_pad,f_jpg,b_auto/q_auto:good,f_auto,fl_lossy,w_640,c_limit,dpr_1/cdn/5dd1da62-7fad-4065-ac16-928d743a2176/98a48255-bedb-46d7-8f6e-a54229d3c75d.jpg",
}
onClick(){
this.visivel = !this.visivel;
@ian11369
ian11369 / atvddbasica2.html
Created September 20, 2022 03:10
Crie um componente LWC, com uma div com as seguinte imagem linkada abaixo: Observação: usar passagem de atributo Js para HTML pra exibir a imagem no componente <img> oculto -- >>>> https://img.playbuzz.com/image/upload/ar_1.5,c_pad,f_jpg,b_auto/q_auto:good,f_auto,fl_lossy,w_640,c_limit,dpr_1/cdn/5dd1da62-7fad-4065-ac16-928d743a2176/7af3b478-4cfa…
<template>
<lightning-card title="Quem é esse pokemon?">
<template if:true={visivel}>
<div class="slds-p-around_medium">
<img src={obj.poke1Card} onclick={onClick}/></br>
</div>
</template>
<template if:false={visivel}>
<div class="slds-p-around_medium">
<img src={obj.poke2Card} onclick={onClick}/><br/>
@ian11369
ian11369 / atvddbasica2.css
Created September 20, 2022 03:09
Crie um componente LWC, com uma div com as seguinte imagem linkada abaixo: Observação: usar passagem de atributo Js para HTML pra exibir a imagem no componente <img> oculto -- >>>> https://img.playbuzz.com/image/upload/ar_1.5,c_pad,f_jpg,b_auto/q_auto:good,f_auto,fl_lossy,w_640,c_limit,dpr_1/cdn/5dd1da62-7fad-4065-ac16-928d743a2176/7af3b478-4cfa…
h1 {
color: rgb(0, 112, 210);
}
p {
font-family: 'Salesforce Sans', Arial, sans-serif;
color: rgb(62, 62, 60);
}
.app {
background-color: #fafaf9;
height: 100vh;
@ian11369
ian11369 / atvdd2lwc
Created September 19, 2022 20:20
No componente app do (webcomponents.dev) exiba valores para os atributos primeironome, sobrenome, idade, email, classificação, empresa e receitaanual. (valores atribuídos internamente dentro da classe app.js) h1 -> Lead (primeironome ) (sobrenome) parágrafos para: (idade, email, classificação, empresa e receita anual)
-app.css-
h1 {
color: rgb(0, 112, 210);
}
p {
font-family: 'Salesforce Sans', Arial, sans-serif;
color: rgb(62, 62, 60);
}
.app {
background-color: #fafaf9;
@ian11369
ian11369 / app.css
Created September 16, 2022 20:05
Crie um componente LWC que Renderize as seguintes propriedades vindas do JS: div1 Empresa: X CNPJ: X Endereço: X div2 Produto: X Descrição: X Preço: R$ X div3 Promoção oferta1: X oferta2: X
h1 {
color: rgb(0, 112, 210);
}
p {
font-family: 'Salesforce Sans', Arial, sans-serif;
color: rgb(62, 62, 60);
}
.app {
background-color: #fafaf9;
height: 100vh;
@ian11369
ian11369 / app.js
Created September 16, 2022 20:05
Crie um componente LWC que Renderize as seguintes propriedades vindas do JS: div1 Empresa: X CNPJ: X Endereço: X div2 Produto: X Descrição: X Preço: R$ X div3 Promoção oferta1: X oferta2: X
import { LightningElement } from "lwc";
export default class App extends LightningElement {
visivel = true;
empresa = "NASA"; //string
cnpj = 123456789; //number
endereco = 'Recife, Pernambuco'; //string
@ian11369
ian11369 / app.html
Last active September 19, 2022 12:59
Crie um componente LWC que Renderize as seguintes propriedades vindas do JS: div1 Empresa: X CNPJ: X Endereço: X div2 Produto: X Descrição: X Preço: R$ X div3 Promoção oferta1: X oferta2: X
<template>
<lightning-card title="Atvdd Básica">
<template if:true={visivel}>
<div class="slds-p-around_medium">
<h1>Div One </h1>
<p> Empresa: {empresa} </p>
<p> CNPJ: {cnpj} </p>
<p> Endereço: {endereco} </p>
</div>
@ian11369
ian11369 / getAccount Helper
Created September 16, 2022 19:23
({
getAccounts : function(component) {
let action = component.get("c.getListAccount");
action.setCallback(this, function(response){
let state = response.getState();
console.log(state);
if(component.isValid() && state == "SUCCESS"){
console.log(response.getReturnValue());
component.set("v.accs", response.getReturnValue());