Tag: }

vue.js conflicts with .datepicker and removes date value after changing next v-model input

Post author By Full Stack
Post date April 13, 2021
No Comments on vue.js conflicts with .datepicker and removes date value after changing next v-model input

I have a form implemented with laravel and vue2 and it has some date fields where I’m using datepicker plugin. But problem is, when I go and type in the next (or any other) input, the value of the date field(s) becomes empty. I have tried many ways and looked for many questions and none […]

Tags `from_date`, 'errors'], }, $to_date, autoclose: true, description, duration, employees_ids:[], I have a form implemented with laravel and vue2 and it has some date fields where I'm using datepicker plugin. But problem is, memo_date:'', memo_no:'', mounted: function (){ // datepicker $('.demoDate2').datepicker({ format: "dd-mm-yyyy", orientation: "bottom auto" }); } Additional Note: I used change() event inside mounted() to alert when the date value is added using dat, the event does not fire! I have tried This and many more but none helped. Please help me find the issue. Any help is appreciated., the value of the date field(s) becomes empty. I have tried many ways and looked for many questions and none helped. See this Short Video for, todayHighlight: true, when I go and type in the next (or any other) input

Mastering Development

The getter ‘backColor’ was called on null

Post author By Full Stack
Post date April 12, 2021
No Comments on The getter ‘backColor’ was called on null

I am trying to extend the background color from one container in a class to another in a seperate class. I but after I run I get the following error. I have tried everything I know I am doing right but now I am confused. I don’t even know what I am doing wrong any […]

Tags 'clients': '10', 'clients': '200', 'clients': '250', 'clients': '300', 'clients': '400', 'image': 'assets/images/coke.png', 'image': 'assets/images/eggtartpie.png', 'image': 'assets/images/nugget1.png', 'image': 'assets/images/pizza2.png', 'image': 'assets/images/regularsundae.png', 'price': '35.05', 'price': '40.00', "Details", "price": 20.00 } ], { 'name': 'Chicken Nuggets', { 'name': 'Egg-Tart Pie', { 'name': 'Peperoni Pizza', { 'name': 'Regular Choco-Sundae', {"price": "25.00", }, } ]; @override Widget build(BuildContext context) { return Container( height: 200.0, arguments: { 'product': product, child: PageView.builder( itemCount: this.demoFoods.length, color: Colors.amber)), color: Colors.orange, color: Colors.orangeAccent, color: Colors.purpleAccent, color: Colors.yellowAccent, dynamic> product = this.demoFoods[index]; return GestureDetector( onTap: () { Navigator.pushNamed(, dynamic>> demoFoods = [ { 'name': 'Burger n Fries +1', I am trying to extend the background color from one container in a class to another in a seperate class. I but after I run I get the followin, index: index, index) { Map<dynamic, itemBuilder: (context, price: "45.00", rate: 3.5, rate: 3.6, rate: 4.8, rate: 5.0

Mastering Development

NextJs: Calling setInterval with a variable for time inside of a React useEffect Hook

Post author By Full Stack
Post date April 11, 2021
No Comments on NextJs: Calling setInterval with a variable for time inside of a React useEffect Hook

I have a function called fetchData. It’s purpose is to retrieve data based on an api endpoint argument and update that data based on an interval argument. import { useState, useEffect } from ‘react’; export const fetchData = (endpoint, interval) => { const [jsonData, setJsonData] = useState(null); useEffect(() => { const innerFetchData = async () […]

Tags []); return jsonData; }; I'm importing it and using it in one of my react components const data = fetchData('/api/CustomerWorkspace', }, }) .then((res) => res.json()) .then((data) => data) .then((moreData) => setJsonData(moreData)) .catch((e) =>, 5000); What is going wrong is that I don't think it's reading the interval argument correctly, headers: { "Content-Type": "application/json" }, I have a function called fetchData. It's purpose is to retrieve data based on an api endpoint argument and update that data based on an inter, interval) => { const [jsonData, interval); return () => clearInterval(timer); }, it infinitely calls the api maybe 50 times per second. If i hard code the interval time on the timer inside of fetchData, it works correctly. Can you please help me figure out how I can pass in a interval variable so I can reuse fetchData across different compone, method: 'GET', setJsonData] = useState(null); useEffect(() => { const innerFetchData = async () => { fetch(endpoint, useEffect } from 'react'; export const fetchData = (endpoint, when I run it

Mastering Development

ionic lazy loading, routes not working, after leaving

Post author By Full Stack
Post date April 11, 2021
No Comments on ionic lazy loading, routes not working, after leaving

I have two modules orders and products.I have lazily loaded their routes, everything is working on the first run, problem is when I leave the current route(order), and go come back to it, its not working anymore, I have called this route on my "login.component", this seems to be the problem, cause if I call […]

Tags ]; @NgModule({ imports: [RouterModule.forRoot(routes)], { path: 'order', { path: 'product', { preloadingStrategy: PreloadAllModules }) ], }, and go come back to it, below are my setup. Github Repo: https://github.com/markanthonybanong/routing //app.component.html <ion-menu contentId="menu-c, cause if I call the product, everything is working on the first run, exports: [RouterModule] }) export class AppRoutingModule {} //login.component.ts import { Component, I have called this route on my "login.component", I have two modules orders and products.I have lazily loaded their routes, its not working anymore, its the product routes that is not working. The url changes but the component wont change, loadChildren: () => import('../login/login.module').then(m => m.LoginModule) }, loadChildren: () => import('./order/order.module').then(m => m.OrderModule) }, loadChildren: () => import('./product/product.module').then(m => m.ProductModule), problem is when I leave the current route(order), RouterModule, Routes } from '@angular/router'; const routes: Routes = [ { path: '', this seems to be the problem

Mastering Development

Python logging with {} format using logging.config.dictConfig

Post author By Full Stack
Post date April 10, 2021
No Comments on Python logging with {} format using logging.config.dictConfig

I’m trying to use the string.format() style with python logging module. I copied some examples from this site and modified it with the the new formatter. I’d like to use logging.config.dictConfig to specify the logging format. My script is: import sys, logging, logging.config DEFAULT_LOGGING = { ‘version’: 1, ‘disable_existing_loggers’: False, ‘formatters’: { ‘standard’: { ‘format’: […]

Tags '': { 'handlers': ['default'], 'class': 'logging.StreamHandler', 'disable_existing_loggers': False, 'formatter': 'standard', 'formatters': { 'standard': { 'format': '{message}', 'handlers': { 'default': { 'level': 'INFO', 'level': 'DEBUG', 'log') Message: 'Hello, 'log') sys.exit(0) But an exception raised: --- Logging error --- Traceback (most recent call last): File "/usr/lib/python3.8/logging/i, 'loggers': { '__main__': { # if __name__ == '__main__' 'handlers': ['default'], 'stream': 'ext://sys.stdout', 'style': '{' # use string.format() }, "level": "Info", ) For some reason python is trying to format using % formatter (msg = msg % self.args). How can I modify my script to point to the correct f, {}', {}' Arguments: ('log', }, } } logger = logging.getLogger(__name__) logging.config.dictConfig(DEFAULT_LOGGING) if __name__ == '__main__': logger.info('Hello, # Default is stderr }, I'm trying to use the string.format() style with python logging module. I copied some examples from this site and modified it with the the ne, in emit msg = self.format(record) File "/usr/lib/python3.8/logging/init.py", in format record.message = record.getMessage() File "/usr/lib/python3.8/logging/init.py", in format return fmt.format(record) File "/usr/lib/python3.8/logging/init.py", in getMessage msg = msg % self.args TypeError: not all arguments converted during string formatting Call stack: File "test/dbg/log.py", in logger.info('Hello, line 1081, line 369, line 48, line 664, line 925, logging, logging.config DEFAULT_LOGGING = { 'version': 1

Mastering Development

Emotion UI: template literals not working inside keyframes?

Post author By Full Stack
Post date April 10, 2021
No Comments on Emotion UI: template literals not working inside keyframes?

For some reason, the second template literal (after animation:) works fine, but the first one (in transform:) doesn’t. It does not throw an error, and the program runs, it just ignores it, and that transform seems to get stuck with the latest working value: ‘@keyframes boing’: { ‘0%’: { transform: ‘translate(0, 0)’, }, ‘40%’: { […]

Tags '100%': { transform: 'translate(0, '40%': { transform: `translate(0, }, ${i < 1 ? '' : '-'}5px)`, 0, and that transform seems to get stuck with the latest working value: '@keyframes boing': { '0%': { transform: 'translate(0, and the program runs, animation: `.3s linear ${i < 2 ? 'boing' : 'bump'}`, but the first one (in transform:) doesn't. It does not throw an error, for some reason, it just ignores it, scale(1.4)', The i is just an index for a .map() function. Is there some compatibility issues with template literals I'm missing?, the second template literal (after animation:) works fine

Mastering Development

Android, AES algorithm encrypt and decrypt with key and IV?

Post author By Full Stack
Post date April 10, 2021
No Comments on Android, AES algorithm encrypt and decrypt with key and IV?

I want to encrypt and decrypt plaintext to AES algorithm. I got key and iv comes from API. I tried a lot of things but didn’t work. What is wrong? https://github.com/simbiose/Encryption https://github.com/scottyab/AESCrypt-Android public class CryptoHandler { private static CryptoHandler instance = null; public static CryptoHandler getInstance() { if (instance == null) { instance = new […]

Tags "AES"); IvParameterSpec ivSpec = new IvParameterSpec(IV.substring(0, "iv": "ccp2YePjewVL9X+vCms5BQ==", "string": "5c2c82a6-66da-41f9-b20d-5d4ffd0c505a", "UTF8"); return original; } } Example API response data: { "key": "QaDtfPpeMW0VgMMd4XF88K6KkIPe5ZG0sitpyhuJf/E=", }, 0, 16, 16).getBytes()); Cipher ecipher = Cipher.getInstance("AES/CBC/PKCS7Padding"); ecipher.init(Cipher.DECRYPT_MODE, 16).getBytes()); Cipher ecipher = Cipher.getInstance("AES/CBC/PKCS7Padding"); ecipher.init(Cipher.ENCRYPT_MODE, 32).getBytes(), BadPaddingException, Base64.DEFAULT); byte[] originalBytes = ecipher.doFinal(raw); String original = new String(originalBytes, Base64.DEFAULT); return base64; } public String decrypt(String encrypted, I want to encrypt and decrypt plaintext to AES algorithm. I got key and iv comes from API. I tried a lot of things but didn't work. What is w, IllegalBlockSizeException, InvalidAlgorithmParameterException, InvalidAlgorithmParameterException { byte[] srcBuff = message.getBytes("UTF8"); //here using substring because AES takes onl, InvalidKeyException, ivSpec); byte[] dstBuff = ecipher.doFinal(srcBuff); String base64 = Base64.encodeToString(dstBuff, ivSpec); byte[] raw = Base64.decode(encrypted.getBytes(), NoSuchPaddingException, skeySpec, String IV) throws NoSuchAlgorithmException, string key, UnsupportedEncodingException, UnsupportedEncodingException { SecretKeySpec skeySpec = new SecretKeySpec(key.substring(0

Mastering Development

Vue 2 animation issue on hover

Post author By Full Stack
Post date April 10, 2021
No Comments on Vue 2 animation issue on hover

I have two pictures, when hovering over the first picture, a certain component is displayed and the second picture works in a similar way, which displays another component, my problems began when I decided to apply animation when hovering over the picture, that is, I wanted to make it appear a certain component with animation, […]

Tags ], { imgSrc: "https://www.gettyimages.com/gi-resources/images/500px/983794168.jpg", }, a certain component is displayed and the second picture works in a similar way, and for the second component, but the problem is that the animation works only for the first component, but when I tried to display components manually (that is, componentName: "MyFirstComponent", componentName: "myOtherComponent", components: { MyFirstComponent, data() { return { componentNames: ["MyFirstComponent", everything worked fine for me, girls: [ { imgSrc: "https://www.gettyimages.com/gi-resources/images/500px/983794168.jpg", hoverColor: "#123456", hoverColor: "#337700", hovered: false, I have two pictures, I wanted to make it appear a certain component with animation, index) in girls" v-show="girl.hovered" v-bind:key="index" v-bind:is="girl.componentName" > </sl, index) in girls"> <img style="width: 200px; height: 200px; margin: 5px" @mouseover="mouseOver(girl)" @m, it is also not displayed, like this, my problems began when I decided to apply animation when hovering over the picture, MyOtherComponent ], not only the animation does not work, SlideYUpTransition, that is, when hovering over the first picture, which displays another component, without a loop), you can see my code in the sandbox If you looked at my code, you might have noticed that I display components using v-for

Mastering Development

Adding threshold lines in financial plots in plotly in python

Post author By Full Stack
Post date April 9, 2021
No Comments on Adding threshold lines in financial plots in plotly in python

I am plotting financial subplots in Plotly in python which I am able to successfully. But I need threshold lines (horizontal lines) to be plotted in the second sub plot but not able to d the same. But I am able to plot threshold lines successfully in a standalone plot. My code for standalone plot […]

Tags 'y0': 30, 'y0': 50, 'y0': 70, 'y1': 30, 'y1': 50, 'y1': 70, [{"type": "scatter"}]] ) fig.add_trace(go.Candlestick(x=VipData['Date'].tail(30), ], }, # Bottom Threshold Line { 'type': 'line', # ditto 'line': { 'color': 'rgb(0, # ditto 'line': { 'color': 'rgb(255, # Middle Threshold Line { 'type': 'line', # use absolute value or variable here 'x1': 1, 0, 100, close=VipData['Close'].tail(30), col=1) fig.add_trace(go.Scatter(x=VipData['Date'].tail(30), col=1) fig.update_layout(xaxis_rangeslider_visible=False) What changes should I make to my code to plot similar three threshold lines to m, cols=1, dash = "dash"), dict(count=1, dict(count=6, dict(step="all") ]) ), high=VipData['High'].tail(30), I am plotting financial subplots in Plotly in python which I am able to successfully. But I need threshold lines (horizontal lines) to be plo, label="1m", label="1y", label="6m", label="YTD", low=VipData['Low'].tail(30), name='Candlestick'), name='RSI5'), name='RSI5')]) fig.update_layout( title='VIP Stock', open=VipData['Open'].tail(30), rangeslider=dict( visible=True ), row=2, row1), shapes=[# Top Threshold line { 'type': 'line', shared_xaxes=True, specs=[[{"type": "Candlestick"}], step="month", step="year", stepmode="backward"), stepmode="todate"), type="date" ) ) fig.show() Below is the code for my subplots: fig = make_subplots( rows=2, vertical_spacing=0.01, width: 1, x=0.0, xaxis_title='Period', xaxis=dict( rangeselector=dict( buttons=list([ dict(count=1, xref = 'paper', y=VipData['RSI5'], y=VipData['RSI5'].tail(30), yaxis_title='Price'

Mastering Development

Converting large text/pgn files to JSON in Spark

Post author By Full Stack
Post date April 9, 2021
No Comments on Converting large text/pgn files to JSON in Spark

I need to convert PGN files to JSON so that I can then use Spark to convert them to Spark DataFrames and eventually create a Graph. I have wrote a python script to parse them as a DataFrame using Pandas but it is just too slow (around 56 minutes for 170k games (original guesstimate of […]

Tags "BlackElo", "BlackElo": BlackELO, "BlackPlayer", "BlackPlayer": Black_player, "Date": UTCDate, "Opening": Opening, "ROUND", "Round": Round, "Time": UTCTime, "TimeControl", "TimeControl": TimeControl, "White": WhiteELO, "WhiteElo"]) while i < 20000: first_game = chess.pgn.read_game(pgn) if first_game is not None: Event = firs, "WhitePlayer", "WhitePlayer": White_player, ['date', }, I need to convert PGN files to JSON so that I can then use Spark to convert them to Spark DataFrames and eventually create a Graph. I have wr, ignore_index=True) games.append(first_game) i += 1 else: pass return edges_df Edit 2: Chang, maybe at [Event as this is the start of each distinct game., opening, reading the board layout. None of this is important to my end goal so I am wondering if I can move away from using this package and split the, result, Result result, such as checking for legal moves, Time