Posts

Showing posts from 2017

Build React Native App (4) - Redux, Jest, and NativeBase

Image
From this blog, typescript feature will be added. There are couple of ways to implement static type checking like; flow from facebook, PropTypes and Typescript.Typescript is well integrated with Visual Studio Code and supports better linter, error messages, and intellisense.Reference siteGithub Sample Ex4Currnet versionD:\GitRepo\reactnative>npm --version 6.3.0 D:\GitRepo\reactnative>react-native --version react-native-cli: 2.0.1 react-native: n/a - not inside a React Native project directory D:\GitRepo\reactnative>yarn --version 1.9.4 Creating React Native App$ react-native init ex4 If you want to specify the version, add "--version 0.57.3" at the end.Add NativeBase to React Native$ npm install native-base --save ... + native-base@2.8.1 added 71 packages from 42 contributors, removed 50 packages, updated 829 packages and audited 34989 packages in 138.542s found 0 vulnerabilities $ $ yarn yarn install v1.9.4 warning package-lock.json found. Your project contains l…

Show Filter/Lookup/Search result to TextBox/Label in PowerApp

IntroductionI tried show data from Filter, but having hard time to display this data to text or label box. This will show you how to do it.Error: Property expected Text values, but this rule produces incompatible Table valuesThe return result from Lookup, Filter or Search is table type and this can't be diplayed directly to the text or label box. To show this you will need to specify the record which you want to display.First/FirstN/Last/LastN functionThe First function returns the first record of a table.The FirstN function returns the first set of records of a table; the second argument specifies the number of records to return.The Last function returns the last record of a table.The LastN function returns the last set of records of a table; the second argument specifies the number of records to return.First and Last return a single record. FirstN and LastN return a table, even if you specify only a single record.Defining data using ClearCollectClearCollect(UserList, {UserGUID:&…

How to populate list of dropdown from PowerApp

Image
IntroducitonTo show the list of dropdown, the data should be defined in advance by static or from somewhere such as DB or rest.Collect, Clear, and ClearCollect functionThere are three functions in Powerapp related to defining and clearing dataCollect: This will add list to existing data whenever it is called.Clear: Reset dataClearCollect: This is combination of Clear and Collect. This will reset existing data and will add new valueDefining data for dropdownAdd dropdown to the canvasClick advanced from propertiesDefine list of data at "OnSelect" functionClearCollect(ItemDropdownList, "Item1", "Item2", "Item3") Link the List to dropdown list from "Items" TextboxItemDropdownList Dropdown resultSummaryThis is most simple way to show dropdown list and if you use UpdateContext or other functions, you can poplulate data from REST API.

Running Spring Boot as Windows Service

Download windows service wrapperGo to below site and download latest versionSpring Boot Windows Wrapper Tool LinkSpring Boot Window Wrapper Github linkYoutube VideoComming soonCreate XML file for the servicexml sample file <service> <id>SpringSerivce</id> <name>SpringSerivce</name> <description>Running Spring Boot from Windows Service</description> <env name="SPRINGSERVICE_HOME" value="%BASE%"/> <executable>java</executable> <arguments>-Xrs -Xmx256m -jar "%BASE%\SpringService.jar" --httpPort=8080</arguments> <logmode>rotate</logmode> </service> Rename downloaded fileThe original filename will be winsw.exe to SpringService.exe fileMake sure that xml file and the renmaed executable file is at the same locationRegister as Windows ServiceOpen terminal promptSpringSerivce.exe install Go to windows service and start it.Summa…

Convert CSV to Java Obejct with Spring(1) - Comma or Tab delimiter with OpenCSV

Image
IntroductionSpring batch provides tools to load csv, but I need really simple solution to load CSV to import some of data. From this tutorial, I will show you how to load CSV file to Java Object List.ToolsSpring STSJavaOpenCSVReferenceOpen CSVYoutube videoOpenCSV Annotation and Mapping StrategyThis statement came from OpenCSV manaulThe most powerful mechanism opencsv has for reading and writing CSV files involves defining beans that the fields of the CSV file can be mapped to and from, and annotating the fields of these beans so opencsv can do the rest. In brief, these annotations are:CsvBindByName: Maps a bean field to a field in the CSV file based on the name of the header for that field in the CSV input.CsvBindByPosition: Maps a bean field to a field in the CSV file based on the numerical position of the field in the CSV input.CsvCustomBindByName: The same as CsvBindByName, but must provide its own data conversion class.CsvCustomBindByPosition: The same as CsvBindByPosition, but mu…

Build Spring Boot and Angular Example(2) - Running Spring Boot and Angular from one package

Image
Introduction This will show how to run Angular 4 from SpringBoot tomcat server. Angular CLI uses Webpack technology and allows to bundle all Javascripts and CSS files into couple of files and this will make easy to run the application from Tomcat Server. ReferenceThis blog YOUTUBE VideoBuild SpringBoot and Angular Application(1) - Setup EnvironmentBuild SpringBoot and Angular Application(1) - Setup Environment YOUTUBE VideoSpringBoot Document for @RestControllerSpringBoot REST ExampleWhat is @RestContoller AnnotationBelow statement from the Spring Documentation.Creating REST Controllers with the @RestController annotation It’s a very common use case to have Controllers implement a REST API, thus serving only JSON, XML or custom MediaType content. For >>convenience, instead of annotating all your @RequestMapping methods with @ResponseBody, you can annotate your controller Class with >>@RestController.@RestController is a stereotype annotation that combines @ResponseBody and…

Upgrade DCOS from 1.9 to 1.10

Image
ReferenceDC/OS 1.10 ManualYoutube demonstrationInstallCheck current versionGo system->System Overview to see the versionPreparationCurrent bootstrap folder[dcosadmin@dcotest01 ~]$ ls ceph dcos_generate_config.sh genconf dcos-genconf.0ce03387884523f026-58fd0833ce81b6244f.tar dcos-install.tar jq [dcosadmin@dcotest01 ~]$ Create new version folder and copy config.yaml and ip-detect[dcosadmin@dcotest01 ~]$ mkdir dcos1-10 [dcosadmin@dcotest01 ~]$ cd dcos1-10 [dcosadmin@dcotest01 dcos1-10]$ ls ../genconf/ cluster_packages.json config.yaml serve/ state/ config.upgrade.yaml ip-detect ssh_key [dcosadmin@dcotest01 dcos1-10]$ mkdir genconf [dcosadmin@dcotest01 dcos1-10]$ cd genconf [dcosadmin@dcotest01 genconf]$ cp ../../genconf/config.yaml . [dcosadmin@dcotest01 genconf]$ cp ../../genconf/ip-detect . [dcosadmin@dcotest01 genconf]$ ls config.yaml config.yaml [dcosadmin@dcotest01 genconf]$ …

Build SpringBoot and Angular Example(1) - Set up environment

Image
title: Build Spring Boot and Angular Example(1) - Set up environment tags:AngularJS 4AngularAngular CLISpring BootBootstrapTypescript date: Sep 9, 2017Build SpringBoot and Angular Application(1) - Set up environmentIntroductionLots of article explained how to build AngularJS or Spring Boot separately, but I couldn't find any good article how I can package these two components together and running from one package. The best way to do this is to separate back-end and front-end using REST api and packaging as one. Spring Boot has built-in components, so both front-end and back-end will be running from the Spring Boot Web components.ReferenceYoutube LinkAngular CLINodeJSBootstrap 4Development EnvironmentFor the Spring Boot app(Back End), STS IDE will be used.For the AngualarJS 2(Front End), following technologies will be used;TypescriptBootstrap 4AngularJS 4AngularJS CLINodeJSVisual Studio CodeThere is another way to develop UI using AngularJS material, but I am going to use Bootstrap…

Adding SOAP Header generated by JAXB(wsimport)

Adding SOAP Header generated by JAXB(wsimport)IntroductionRecently, I've been working with Exact Web Service and needed to add SOAP header entry from the source files generated by wsimport tool. To access Globe database, I needed to add database server name and database name from SOAP Header.I tried to find out lots of article and this is the way to add headers into SOAP.ReferenceThere was one excellent site, but I couldn't find it any more. If I find it, I will update here.The stepsAdd jaxws-api (2.2.12) to POM fileAdd jaxws-maven-plugin to POM file to generate java code from WSDLAdd SOAPHanlder class to intercept during sending messagesTo add SOAPHandler, get handler from JAXB serviceCall Service1. Add jaxws-api <dependencies> <dependency> <groupId>junit</groupId> <artifactId>junit</artifactId> <version>4.12</version> </dependency> <dependency> <groupId>com.fasterxml.jackson.core</groupId&…

Installing Ceph docker plugin to DCOS using Rex-Ray

Image
Installing Ceph docker plugin to DCOS using Rex-RayIntroductionFrom the previous blog, DC/OS 1.9 and Ceph have been installed. To install Jenkins using external volume, I decided to use Rex-Ray because most of other plugins have not been maintained properly to support latest version.Referencedcos-rexrayMarathon rexrayConfiguring docker to use rexray and Ceph for persistent storageRex-ray configuration generatorrexray Docker volume plug-insInstall Rex-Ray[dcosadmin@dcotest02 ~]$ sudo su - Last login: Mon Jun 26 12:50:35 MDT 2017 from 172.16.110.20 on pts/0 [root@dcotest02 ~]# curl -sSL https://dl.bintray.com/emccode/rexray/install | sh INFO[0000] updated log level logLevel=info INFO[0000] exiting process time=1498592066094 rexray has been installed to /usr/bin/rexray INFO[0000] updated log level logLevel=info REX-Ray ------- Binary: /usr/bin/rexray Flavor: client+agent+controller SemVer: 0.9.1 OsArc…

Install Ceph shared storage to DCOS 1.9

Image
After installing DC/OS, I noticed that all data worked with container stored to local node. Due to the reason, when the container was moved from one node to antoher, all configuration has been lost. I tried to find out shared storage solution and this manual is regarding how to add CEPH open source platform to CentOS DC/OS platformReferenceCeph Script on DC/OSCeph on DC/OSlosetup manualChecking file system type in LinuxCeph example from DCOS 1.8Ceph example from DCOS 1.9bash_rc vs profileInstall lightttpdrbd-docker-pluginCurrent configurationAs I posted from previous DC/OS blog, my configuration isI used 4 nodes as DC/OS recommendedComputerNameIP AddessComputer SpecDescriptionNotedcostest01172.16.110.202 core, 16GB, 100 GB DiskBootstrap ComputerCeph Client & DC/OS CLI will be in heredcostest02172.16.110.302 core, 16GB, 100 GB DiskAgent1-Masterdcostest03172.16.110.312 core, 16GB, 100 GB DiskAgent1-Private AgentOSDdcostest04172.16.110.322 core, 16GB, 100 GB DiskAgent2-Private AgentO…