Skip to main content

Posts

Showing posts from May, 2019

spring boot sql server 2008 connection

first add the dependence in pom.xml file <dependency> <groupId>com.microsoft.sqlserver</groupId> <artifactId>mssql-jdbc</artifactId> <scope>runtime</scope> </dependency> then we can add the below mention configuration in application.property file spring.datasource.driverClassName=com.microsoft.sqlserver.jdbc.SQLServerDriver spring.datasource.url =jdbc:sqlserver://localhost:1433;databaseName=pos spring.datasource.username = sa spring.datasource.password = sa spring.jpa.properties.hibernate.dialect = org.hibernate.dialect.SQLServer2008Dialect then check the MS-SQL syntax for entity creation.

How to add native camera in ionic 4

This Ionic 4 tutorial is written for beginners also. So we can go step by step. And you can easily create this camera app. Step1: Create a new Ionic 4 project.  ionic start myapp blank Skip this step, if you already had Ionic 4 project. Step2: Install the camera plugin using the below command. cd myapp ionic cordova plugin add cordova-plugin-camera npm install @ionic-native/camera Step3: Import the plugin to the app.module.ts file and include the plugin in the providers. import { Camera , CameraOptions } from '@ionic-native/camera/ngx' ; Step4:   Import the camera plugin to home.ts file and create an object reference using the constructor. import { Camera , CameraOptions } from '@ionic-native/camera/ngx' ; export class HomePage { constructor ( private camera : Camera ) { } } Step5. Create a function to capture the photo. image : any = '' openCam ( ) { const options : CameraOptions = { quality :...

UTF-8 Dingbats

Char Dec Hex Entity Name ✁ 9985 2701 UPPER BLADE SCISSORS Try it ✂ 9986 2702 BLACK SCISSORS Try it ✃ 9987 2703 LOWER BLADE SCISSORS Try it ✄ 9988 2704 WHITE SCISSORS Try it ✅ 9989 2705 WHITE HEAVY CHECK MARK Try it ✆ 9990 2706 TELEPHONE LOCATION SIGN Try it ✇ 9991 2707 TAPE DRIVE Try it ✈ 9992 2708 AIRPLANE Try it ✉ 9993 2709 ENVELOPE Try it ✊ 9994 270A RAISED FIST Try it ✋ 9995 270B RAISED HAND Try it ✌ 9996 270C VICTORY HAND Try it ✍ 9997 270D WRITING HAND Try it ✎ 9998 270E LOWER RIGHT PENCIL Try it ✏ 9999 270F PENCIL Try it ✐ 10000 2710 UPPER RIGHT PENCIL Try it ✑ 10001 2711 WHITE NIB Try it ✒ 10002 2712 BLACK NIB Try it ✓ 10003 2713 CHECK MARK Try it ✔ 10004 2714 HEAVY CHECK MARK Try it ✕ 10005 2715 MULTIPLICATION X Try it ✖ 10006 2716 HEAVY MULTIPLICATION X Try it ✗ 10007 2717 BALLOT X Try it ✘ 10008 2718 HEAVY BALLOT X Try it ✙ 10009 2719 OUTLINED GREEK CROSS Try it ✚ 10010 271A HEAVY GREEK CROSS Try it ✛ 10011 271B OPEN CENTRE CROSS Try it ...

How to create modal in ionic 4

First, import   M odalControlle in modal page constructor. constructor ( private modalController : ModalController ) { } then create a method, inside the method create a modal and present it. async openExpense() { const modal = await this.modalController.create({ component : AddExpensePage }); return await modal.present(); } How to close modal page async closeModal() { await this.modalController.dismiss(); }

How to create a database in ionic

First create a database service ionic g service /shared/services/database npm install @ ionic - native / sqlite @ ionic - native / sqlite - porter   ionic cordova plugin add cordova - sqlite - storage ionic cordova plugin add uk . co . workingedge . cordova . plugin . sqliteporter

How to create custom color for ionic 4

 First we can create a custom color in variables.scss /** income **/ --ion-color-income : #098209 ; --ion-color-income-rgb : 56 , 128 , 255 ; --ion-color-income-contrast : #50a050 ; --ion-color-income-contrast-rgb : 255 , 255 , 255 ; --ion-color-income-shade : #50a050 ; --ion-color-income-tint : #0b640b ; then we can create a new css class in after root tag .ion-color-income { --ion-color-base : var ( --ion-color-income ) !important ; --ion-color-base-rgb : var ( --ion-color-income-rgb ) !important ; --ion-color-contrast : var ( --ion-color-income-contrast ) !important ; --ion-color-contrast-rgb : var ( --ion-color-income-contrast-rgb ) !important ; --ion-color-shade : var ( --ion-color-income-shade ) !important ; --ion-color-tint : var ( --ion-color-income-tint ) !important ; }

visual studio code useful extensions

Open file Code has  Ctrl +👆 navigation known from Word built into editors like HTML and Markdown. When hovering a link, you can hit  Ctrl  and click the mouse to navigate to that link. I have been looking for an extension to enable this in any editor and supporting both URLs and file system paths. The closest I've come, is Open file developed by Frank Stuetzer. You have to mark the path and use the context menu, but it works. Any suggestions for a better way of doing this, would be highly appreciated! REST Client I'm a big Postman fan and use it for most of the HTTP requests I need to test somehow or another. But REST Client is actually a good alternative to have inside Code. REST Client provides much of the same features as Postman and the response is visible directly inside Code. GitLens I must admit, I don't use Git inside either Code or Visual Studio. I'm not a command prompt-fanboy or anything, but PoshGit has worked great for me over the years....

how to use custom component in ionic

just declare  component name in a module import { NgModule } from '@angular/core' ; import { CommonModule } from '@angular/common' ; import { FormsModule } from '@angular/forms' ; import { Routes , RouterModule } from '@angular/router' ; import { IonicModule } from '@ionic/angular' ; import { DashboardPage } from './dashboard.page' ; import { FooterComponent } from '../components/footer/footer.component' ; const routes : Routes = [ { path: '' , component: DashboardPage } ]; @ NgModule ({ imports: [ CommonModule , FormsModule , IonicModule , RouterModule . forChild ( routes ) ], declarations: [ FooterComponent , DashboardPage ,] }) export class DashboardPageModule {}

How to generate icon and splash screen using ionic

Syntax Ionic can automatically generate perfectly sized icons and splash screens from source images ( .png ,  .psd , or  .ai ) for your Cordova platforms. The source image for icons should ideally be at least  1024×1024px  and located at  resources/icon.png . The source image for splash screens should ideally be at least  2732×2732px  and located at  resources/splash.png . If you used  ionic start , there should already be default Ionic resources in the  resources/  directory, which you can overwrite. You can also generate platform-specific icons and splash screens by placing them in the respective  resources/ /  directory. For example, to generate an icon for Android, place your image at  resources/android/icon.png . By default, this command will not regenerate resources whose source image has not changed. To disable this functionality and always overwrite generated images, use  --force . For best...