web2app-spa/js/page/page2.min.js

This template is primarily designed to easily convert HTML pages and URLs into a Capacitor/Cordova based iOS/Android app that can be used as Single-page application (SPA).

const page2={PAGE_ID:"page2",itemDataList:[{title:"Broccoli",desc:"Vegetable",iconFile:"assets/fruids/brokoli.png",searchText:"Broccoli Vegetable",price:4,previousPrice:3},{title:"Strawberry",desc:"Fruit",iconFile:"assets/fruids/cilek.png",searchText:"Strawberry Fruit",price:8,previousPrice:9},{title:"Tomato",desc:"Vegetable",iconFile:"assets/fruids/domates.png",searchText:"Tomato Vegetable",price:3,previousPrice:3},{title:"Apple",desc:"Fruit",iconFile:"assets/fruids/elma.png",searchText:"Apple Fruit",price:2,previousPrice:3},{title:"Carrot",desc:"Vegetable",iconFile:"assets/fruids/havuc.png",searchText:"Carrot Vegetable",price:6,previousPrice:6},{title:"Watermelon",desc:"Fruit",iconFile:"assets/fruids/karpuz.png",searchText:"Watermelon Fruit",price:5,previousPrice:3},{title:"Lemon",desc:"Fruit",iconFile:"assets/fruids/limon.png",searchText:"Lemon Fruit",price:7,previousPrice:6},{title:"Banana",desc:"Fruit",iconFile:"assets/fruids/muz.png",searchText:"Banana Fruit",price:12,previousPrice:12},{title:"Pomegranate",desc:"Fruit",iconFile:"assets/fruids/nar.png",searchText:"Pomegranate Fruit",price:13,previousPrice:13},{title:"Eggplant",desc:"Vegetable",iconFile:"assets/fruids/patlican.png",searchText:"Eggplant Vegetable",price:5,previousPrice:3},{title:"Blueberry",desc:"Fruit",iconFile:"assets/fruids/yabanmersini.png",searchText:"Blueberry Fruit",price:17,previousPrice:18},{title:"Green Pepper",desc:"Vegetable",iconFile:"assets/fruids/yesilbiber.png",searchText:"Green Pepper Vegetable",price:6,previousPrice:3}],openInDefaultView:function(){defaultView.clear();const e=defaultView.getContainerBox();page2.box=e,topBar.setVisible(0),bottomBar.setVisible(1),bottomBar.selectItemByIndex(1),bottomBar.setBorderLine(1),defaultView.setTopAndBottomOuterSpaces(0,bottomBar.getHeight()),e.color="white",e.scrollY=0,e.boxSearch=createBox(0,0,e.width,105),e.add(that),that.color="transparent",that.border=0,UISearchBox.resetDefault(),e.boxSearch.uiSearchBox=UISearchBox.create({width:e.width-40}),e.boxSearch.add(that),that.left=20,that.bottom=20,e.uiItemList=UIItemList.create({width:e.width,height:e.height-e.boxSearch.height}),e.add(that),that.color="transparent",that.setItemAlignment(UIItemList.alignType.VERTICAL),that.setInnerSpaces(0,10,0,10),that.setItemCreationFunction(page2.createItem),that.createItemsByDataList(page2.itemDataList),that.onSelectionChange(page2.selectedItemChanged),that.left=0,that.top=e.boxSearch.height,e.boxSearch.uiSearchBox.onSearch((function(t,a){e.uiItemList.searchItemByText(t)})),defaultView.setVisible(1)},createItem:function(e,t){const a=t.width,i=createBox();i.width=a,i.height=94,i.color="transparent",i.boxBackground=createBox(20,2,a-40,90),i.add(that),that.color="transparent",that.round=13,that.setMotion("background-color 0.3s"),i.imgIcon=createImage(30,12,70,70),i.add(that),that.load(e.iconFile),that.round=4,that.color="transparent",that.border=0,i.lblTitle=createLabel(120,25,280,"auto"),i.add(that),that.text=e.title,i.lblDesc=createLabel(120,49,280,"auto"),i.add(that),that.text=e.desc,that.textColor="gray",that.fontSize=14,startFlexBox({flexDirection:"row",justifyContent:"flex-end",alignItems:"center"}),that.right=30,that.width=200,i.add(that);var r=null,o=null;return e.price>e.previousPrice?(r=1,o="#41AC9F"):e.price<e.previousPrice?(r=0,o="#FE5D49"):(r=2,o="#4A4A4A"),i.lblPrice=createLabel(),that.textColor=o,that.text="$"+e.price,that.fontSize=24,i.imgPrice=createImage(),r?that.load("assets/search-page/arrow-rise.svg"):that.load("assets/search-page/arrow-drop.svg"),that.width=28,that.height=28,that.opacity=.95,2==r&&(that.opacity=0),endFlexBox(),i.setPriceIconVisible=function(e){i.imgPrice.opacity=e},i.setPriceIconFileName=function(e){i.imgPrice.load("assets/search-page/"+e+".svg")},makeBasicObject(i),i},selectedItemChanged:function(e,t,a){t.isSelected()||(a&&(a.boxBackground.color="transparent",e.removeItemFromSelectedList(a)),t.boxBackground.color="whitesmoke",e.addItemToSelectedList(t)),page2Preview.titleText=t.getData().title,page2Preview.descriptionText=t.getData().desc,page2Preview.iconFile=t.getData().iconFile,page2Preview.openInSmallView()}};