Muhammad Yahya m-yahya

## App.css
*,
*::before,
*::after {
  box-sizing: border-box;
}

body {
  padding: 50px;
  color: #f7f7f7;
  min-height: 100vh;

## sample.svg

      
              1 file
            
          
              0 forks
            
          
              0 comments
            
          
              0 stars
            
          
                m-yahya
                / sample.svg
            
            
              Last active
              May 20, 2021 15:21
            
          
      Sorry, something went wrong. Reload?
      Sorry, we cannot display this file.
      Sorry, this file is invalid so it cannot be displayed.
      
          Viewer requires iframe.
      
    
## ui-tree_14.js
// get details
const getDetails = (details) => {
  // iterate over the detail items of object
  for (const detail in details) {
    // fetch the value of each item
    if (detail == "img") {
      markupArray.push(
        `<img src="./img/${details[detail]}" alt="${details[detail]}">`
      );
    } else if (detail == "children") {

## ui-tree_13.js
const data = {
  Parent: {
    img: "father.png",
    name: "Jan Doe",
    age: "50",
    children: [
      {
        child: {
          img: "child_1.png",
          name: "child 1",

## ui-tree_12.js
// get details
const getDetails = (details) => {
  // iterate over the detail items of object
  for (const detail in details) {
    // fetch the value of each item
    if (detail == "img") {
      markupArray.push(
        `<img src="./img/${details[detail]}" alt="${details[detail]}">`
      );
    } else {

## ui-tree_11.js
// get items in the object
const getItems = (items) => {
  for (const item in items) {
    markupArray.push(`<li> ${item}`);
    // fetch the parent object
    let details = items[item];
    getDetails(details);
    // push the closing tag for parent
    markupArray.push("</li>");
  }

## ui-tree_10.js
// get details
const getDetails = (details) => {
  // iterate over the detail items of object
  for (const detail in details) {
    // fetch the value of each item
    markupArray.push(`<span> ${details[detail]} </span>`);
  }
};

## ui-tree_9.js
// get items in the object
const getItems = (items) => {
  for (const item in items) {
    markupArray.push(`<li> ${item}`);
    markupArray.push("</li>");
  }
};

## ui-tree_8.js
// evaluate expressions
const createList = (items) => {
  switch ($.type(items)) {
    case "object":
      getItems(items);
      break;
  }
};

## ui-tree_7.js
// add a parent with some details
const data = {
  Parent: {
    name: "Jan Doe",
    age: "50",
    img: "father.png",
  },
};
	*,
	*::before,
	*::after {
	box-sizing: border-box;
	}

	body {
	padding: 50px;
	color: #f7f7f7;
	min-height: 100vh;
	// get details
	const getDetails = (details) => {
	// iterate over the detail items of object
	for (const detail in details) {
	// fetch the value of each item
	if (detail == "img") {
	markupArray.push(
	`<img src="./img/${details[detail]}" alt="${details[detail]}">`
	);
	} else if (detail == "children") {
	const data = {
	Parent: {
	img: "father.png",
	name: "Jan Doe",
	age: "50",
	children: [
	{
	child: {
	img: "child_1.png",
	name: "child 1",
	// get items in the object
	const getItems = (items) => {
	for (const item in items) {
	markupArray.push(`<li> ${item}`);
	// fetch the parent object
	let details = items[item];
	getDetails(details);
	// push the closing tag for parent
	markupArray.push("</li>");
	}
	// evaluate expressions
	const createList = (items) => {
	switch ($.type(items)) {
	case "object":
	getItems(items);
	break;
	}
	};
	// add a parent with some details
	const data = {
	Parent: {
	name: "Jan Doe",
	age: "50",
	img: "father.png",
	},
	};