Currently working on a Rails-AngularJS (1.5) project and encountering difficulties accessing my ENV variables in the JavaScript components such as services and console.
I've implemented dotenv, stored my SECRET_KEY in a .env file, and included the following snippet at the end of the body tags within my application's layout.html.erb:
<script type="text/javascript">
var SECRET_KEY = "<% ENV['SECRET_KEY'].html_safe %>";
</script>
Any insights or assistance would be greatly appreciated!
Here is my suggestion for how you can achieve this:
<%= content_tag "div", id: "hidden_code", data: { code: ENV['HIDDEN_CODE'] } do %>
<% end %>
Include the above code in your layout.html.erb file, which will allow you to retrieve the data using the following JavaScript:
var hidden_code = document.getElementById("hidden_code").dataset.code
Every time I click my countdown button, the timer runs normally once. But if I keep clicking it multiple times, it starts skipping time. Here are my codes: <input type="submit" value="Countdown" id="countdown" onclick="countdown_init()" /> <div i ...
Addressing the issue head-on Check out the form I have created: <form action="<?php echo base_url()?>" method="post" id="formfield"> <center> <label>How much? <small>( Minimum of 100 )</small></label&g ...
This is the structure of my application: myapp --backend --env --frontend -- .idea -- app -- assets -- bower_components -- views -- .htaccess -- index.html -- node_modules flag I utilized Django as an API to return JSON objects and cons ...
I need help updating the span text for each file uploader on my page. I want the default "Choose a file..." text to change to the selected filename. Can someone assist me with this? Here is a Js fiddle that I've been working on. This is my HTML mark ...
I can't seem to compile my NextJs 13 app without encountering errors. Take a look at my shortened eslintrc.js file below: module.exports = { env: { browser: true, es2021: true, }, extends: [ 'plugin:react/recommended', ...
While using react-hook-form, I encountered the ?. operator. Can you explain its meaning? Here's an example of how it works: <span>{errors?.name?.message}</span> The errors variable is obtained from useForm() by destructuring, as shown bel ...
I am facing an issue with sending a set of data, including an image file, through ajax using FormData. However, when I try to access this data in my Laravel controller, it keeps showing as a blank array. Below is the snippet of my ajax code: var fd = new ...
Looking for a way to streamline the loop that prints values from arrays xa and xb: <div data-ng-repeat="a in xa"> <div data-ng-bind-html="a.text"></div> </div> <div data-ng-repeat="b in xb"> <div data-ng-bind-html=" ...
Questioning Unusual Behavior There is a model in question: //test.js var mongoose = require('../utils/mongoose'); var schema1 = new mongoose.Schema({ name: String }) var schema2 = new mongoose.Schema({ objectsArray: [schema1] }); schema1.pre( ...
Trying to construct a terrain based on a heightmap with an enclosed bottom layer. Refer to this example for clarification: The current function for generating the terrain is as follows: var img = document.getElementById("landscape-image"); var numSegment ...
I am currently working on a Vue component that receives an array of 'items' from its parent. These items are then categorized with two items in each category: computed: { // sort items into categories glass: function() { ...
Server Side Code const express = require('express'); const app = express(); app.use(express.json()); app.use(express.urlencoded({ extended:true })); app.post('/',(req,res)=>{ console.log(req.body) }) Client Side Code const da ...
For my AngularJs project, I am incorporating Bootstrap Toggle by using a custom Angular directive that I created specifically for this plugin. myApp.directive('iosToggle', function(){ return { restrict: 'A', link: f ...
I have a dropdown menu with various time options like this: <select name="" id="delyvery-hour"> <option value="18:00">18:00</option> <option value="18:05">18:05</option> <option ...
Can someone help me with resizing a pop up? I've been struggling to get it right. This is the popup template in question: <ion-view> <ion-content scroll="false" class=""> test </ion-content> < ...
I'm currently working on a web application that predominantly uses PHP, however, I am incorporating jQuery/Javascript to retrieve Tweets from users' URLs at http://twitter.com/status/user_timeline/joebloggs.json?count=1&callback=. My aim is ...
I have a JavaScript Object named "boards". [{"id":1,"parent_board":0,"title":"Lorem 1","description":"ec40db959345153a9912"}, {"id":2,"parent_board":0,"title":"Lorem 2","description":"bb698136a211ebb1dfedb"}, {"id":3,"parent_board":1,"title":"Lorem 1-1"," ...
Take a look at the Code snippet below - $(function() { $.fn.getPosition = function() { var results = $(this).position(); results.right = results.left + $(this).width(); results.bottom = results.top + $(this).height(); return results; } ...
Seeking guidance as a newbie on how to extract a specific object from an array. Here is an example of the Array I am dealing with: data { "orderid": 5, "orderdate": "testurl.com", "username": "chris", "email": "", "userinfo": [ ...
While attempting to add a string value to a formArray using material forms, I encountered the following error message: 'Argument of type 'string' is not assignable to parameter of type 'AbstractControl'.' If I try adding a ...