Gordon  Taylor

Gordon Taylor

1660658880

Slate: WIP - We're Building The Place You Go to Discover, Share

Slate

An open source storage system for your data that makes it easy to collect, organize, and share them anywhere on the web.

Slate

Introduction

Slate Preview

Slate is the first open source file storage application designed to encourage collaboration and research across a distributed network. It is a first step towards enabling a thriving network for data storage and transactions powered by IPFS, Filecoin and Textile that is open and usable for everyone. Our goal is to provide a meaningful story for every feature the protocol provides today and in the future. The Slate Project is the byproduct of a growing community of contributors from around the world.

Slate is tightly scoped for the present and more broadly thought out for the future. Our primary objective is to create a best-in-class experience for uploading, collecting, and sharing media. Additional filetypes will be supported, but our focus is to start with the pieces that apply to everyone and then dial into more specific formats.

Create an account and try it out!

Get involved

Slate is built by a growing community of collaborators and contributors. We’d love for you to join us! You can reach out to us by email at hello@slate.host

Developer API

Slate has a Developer API that allows you upload files using code and HTTP. Every user who creates an account on Slate can use the API. The documentation is visible after logging in, under the API tab.

Download Details:

Author: Filecoin-project
Source Code: https://github.com/filecoin-project/slate 
License: MIT license

#javascript #electron #react #nextjs 

What is GEEK

Buddha Community

Slate: WIP - We're Building The Place You Go to Discover, Share

Seat Reservation With Jquery And Php

Seat Reservation with jQuery

In my Online Bus Reservation System project, I got queries from many people about how to implement seat selection screen effectively. So, I decided to write on it. This post explains how to implement seat booking with jQuery. It can be used in online Bus, flight, hotel, exam support, cinema and ticket booking system.

 

seat reservation jquery

HTML:

<h2> Choose seats by clicking the corresponding seat in the layout below:</h2>

    <div id="holder">

        <ul  id="place">

        </ul>   

    </div>

    <div style="float:left;">

    <ul id="seatDescription">

        <li style="background:url('images/available_seat_img.gif') no-repeat scroll 0 0 transparent;">Available Seat</li>

        <li style="background:url('images/booked_seat_img.gif') no-repeat scroll 0 0 transparent;">Booked Seat</li>

        <li style="background:url('images/selected_seat_img.gif') no-repeat scroll 0 0 transparent;">Selected Seat</li>

    </ul>

    </div>

        <div style="clear:both;width:100%">

        <input type="button" id="btnShowNew" value="Show Selected Seats" />

        <input type="button" id="btnShow" value="Show All" />          

        </div>

We will add seats in “#place” element using javascript.

Settings:

To make it generalize, settings object is used.

var settings = {

               rows: 5,

               cols: 15,

               rowCssPrefix: 'row-',

               colCssPrefix: 'col-',

               seatWidth: 35,

               seatHeight: 35,

               seatCss: 'seat',

               selectedSeatCss: 'selectedSeat',

               selectingSeatCss: 'selectingSeat'

           };

rows: total number of rows of seats.
cols: total number of seats in each row.
rowCssPrefix: will be used to customize row layout using (rowCssPrefix + row number) css class.
colCssPrefix: will be used to customize column using (colCssPrefix + column number) css class.
seatWidth: width of seat.
seatHeight: height of seat.
seatCss: css class of seat.
selectedSeatCss: css class of already booked seats.
selectingSeatCss: css class of selected seats.

Seat Layout:

We will create basic layout of seats.

var init = function (reservedSeat) {

                var str = [], seatNo, className;

                for (i = 0; i < settings.rows; i++) {

                    for (j = 0; j < settings.cols; j++) {

                        seatNo = (i + j * settings.rows + 1);

                        className = settings.seatCss + ' ' + settings.rowCssPrefix + i.toString() + ' ' + settings.colCssPrefix + j.toString();

                        if ($.isArray(reservedSeat) && $.inArray(seatNo, reservedSeat) != -1) {

                            className += ' ' + settings.selectedSeatCss;

                        }

                        str.push('<li class="' + className + '"' +

                                  'style="top:' + (i * settings.seatHeight).toString() + 'px;left:' + (j * settings.seatWidth).toString() + 'px">' +

                                  '<a title="' + seatNo + '">' + seatNo + '</a>' +

                                  '</li>');

                    }

                }

                $('#place').html(str.join(''));

            };

            //case I: Show from starting

            //init();

            //Case II: If already booked

            var bookedSeats = [5, 10, 25];

            init(bookedSeats);

 

init method is used to draw seats layout. Already booked seats array will be passed as argument of this method.

Seat Selection:

?

$('.' + settings.seatCss).click(function () {

if ($(this).hasClass(settings.selectedSeatCss)){

    alert('This seat is already reserved');

}

else{

    $(this).toggleClass(settings.selectingSeatCss);

    }

});

$('#btnShow').click(function () {

    var str = [];

    $.each($('#place li.' + settings.selectedSeatCss + ' a, #place li.'+ settings.selectingSeatCss + ' a'), function (index, value) {

        str.push($(this).attr('title'));

    });

    alert(str.join(','));

})

$('#btnShowNew').click(function () {

    var str = [], item;

    $.each($('#place li.' + settings.selectingSeatCss + ' a'), function (index, value) {

        item = $(this).attr('title');                  

        str.push(item);                  

    });

    alert(str.join(','));

})

When user clicks on available seat, it is selected and second click on same seat will unselect seat. Button “Show All” will show all booked seat numbers and “Show Selected Seats” will show selected seats only.

CSS:

?

#holder{   

height:200px;   

width:550px;

background-color:#F5F5F5;

border:1px solid #A4A4A4;

margin-left:10px;  

}

#place {

position:relative;

margin:7px;

}

#place a{

font-size:0.6em;

}

#place li

{

 list-style: none outside none;

 position: absolute;  

}   

#place li:hover

{

background-color:yellow;     

}

#place .seat{

background:url("images/available_seat_img.gif") no-repeat scroll 0 0 transparent;

height:33px;

width:33px;

display:block;  

}

#place .selectedSeat

{

background-image:url("images/booked_seat_img.gif");         

}

#place .selectingSeat

{

background-image:url("images/selected_seat_img.gif");       

}

#place .row-3, #place .row-4{

margin-top:10px;

}

#seatDescription li{

verticle-align:middle;   

list-style: none outside none;

padding-left:35px;

height:35px;

float:left;

}

In my next post, you will get how to use this in asp.net project with sql server database .
https://www.pakainfo.com/seat-reservation-with-jquery-and-php/

Fannie  Zemlak

Fannie Zemlak

1599854400

What's new in the go 1.15

Go announced Go 1.15 version on 11 Aug 2020. Highlighted updates and features include Substantial improvements to the Go linker, Improved allocation for small objects at high core counts, X.509 CommonName deprecation, GOPROXY supports skipping proxies that return errors, New embedded tzdata package, Several Core Library improvements and more.

As Go promise for maintaining backward compatibility. After upgrading to the latest Go 1.15 version, almost all existing Golang applications or programs continue to compile and run as older Golang version.

#go #golang #go 1.15 #go features #go improvement #go package #go new features

How much does it cost to build a video sharing app?

There are so many things you can do with your mobile phone, regardless of which operating system you use. Your smartphone is a miniature computer, which means you can use it to browse the web, stream music and download apps galore. You can also share videos with certain apps. There is no doubt that video, editing, recording, and sharing application development will give a wholesome solution to your app users and will help you make your application stand out from the competitors.

Are you searching for the app development company who build video sharing app? If yes then AppClues Infotech is the best mobile app development company offer world-class mobile app development services at competitive prices across all major mobile platforms for start-ups as well as enterprises. Our team of professional designers and developers can proficiently develop a video sharing mobile app tailored to your needs, to help you achieve the end result of your business gaining more market autonomy.

Our Expertise in Mobile App Development:

  • iPhone App Development
  • iPad App Development
  • Apple Watch App Development
  • Flutter App Development
  • Android App Development
  • Ionic App Development
  • React Native App Development
  • Windows App Development
  • Cross-Platform App Development

We offer custom social networking app development solutions which are designed to not just make your brand a household name but also to keep your brand above the ever-growing crowd of entertainment mobile apps. We build mobile apps across various industry verticals including travel, social networking, restaurant, real estate, health care, news, etc.

The expense of video sharing app development depends on app size, app platform, app functionality, what features you require, the team of app developers, etc. So generally cost is in between $2,000 - 15,000. It can vary from app to app because every app has different requirements.

#video sharing app development #best video sharing app development company #top video sharing app development company #make a video sharing mobile app #cost to create a video sharing app

Gordon  Taylor

Gordon Taylor

1660658880

Slate: WIP - We're Building The Place You Go to Discover, Share

Slate

An open source storage system for your data that makes it easy to collect, organize, and share them anywhere on the web.

Slate

Introduction

Slate Preview

Slate is the first open source file storage application designed to encourage collaboration and research across a distributed network. It is a first step towards enabling a thriving network for data storage and transactions powered by IPFS, Filecoin and Textile that is open and usable for everyone. Our goal is to provide a meaningful story for every feature the protocol provides today and in the future. The Slate Project is the byproduct of a growing community of contributors from around the world.

Slate is tightly scoped for the present and more broadly thought out for the future. Our primary objective is to create a best-in-class experience for uploading, collecting, and sharing media. Additional filetypes will be supported, but our focus is to start with the pieces that apply to everyone and then dial into more specific formats.

Create an account and try it out!

Get involved

Slate is built by a growing community of collaborators and contributors. We’d love for you to join us! You can reach out to us by email at hello@slate.host

Developer API

Slate has a Developer API that allows you upload files using code and HTTP. Every user who creates an account on Slate can use the API. The documentation is visible after logging in, under the API tab.

Download Details:

Author: Filecoin-project
Source Code: https://github.com/filecoin-project/slate 
License: MIT license

#javascript #electron #react #nextjs 

The Best Way to Build a Chatbot in 2021

A useful tool several businesses implement for answering questions that potential customers may have is a chatbot. Many programming languages give web designers several ways on how to make a chatbot for their websites. They are capable of answering basic questions for visitors and offer innovation for businesses.

With the help of programming languages, it is possible to create a chatbot from the ground up to satisfy someone’s needs.

Plan Out the Chatbot’s Purpose

Before building a chatbot, it is ideal for web designers to determine how it will function on a website. Several chatbot duties center around fulfilling customers’ needs and questions or compiling and optimizing data via transactions.

Some benefits of implementing chatbots include:

  • Generating leads for marketing products and services
  • Improve work capacity when employees cannot answer questions or during non-business hours
  • Reducing errors while providing accurate information to customers or visitors
  • Meeting customer demands through instant communication
  • Alerting customers about their online transactions

Some programmers may choose to design a chatbox to function through predefined answers based on the questions customers may input or function by adapting and learning via human input.

#chatbots #latest news #the best way to build a chatbot in 2021 #build #build a chatbot #best way to build a chatbot