একটি পপআপ যোগ করুন

পপআপ হলো এমন একটি অ্যাকশন যা একটি উইন্ডো প্রদর্শন করে এবং ব্যবহারকারীদের এক্সটেনশনের একাধিক ফিচার ব্যবহার করার সুযোগ দেয়। এটি কিবোর্ড শর্টকাটের মাধ্যমে, এক্সটেনশনের অ্যাকশন আইকনে ক্লিক করে অথবা browser.action.openPopup() কল করার মাধ্যমে চালু করা হয়। ব্যবহারকারী যখন পপআপের বাইরে ব্রাউজারের অন্য কোনো অংশে ফোকাস করেন, তখন পপআপগুলো স্বয়ংক্রিয়ভাবে বন্ধ হয়ে যায়। ব্যবহারকারী ক্লিক করে অন্য অংশে চলে যাওয়ার পর পপআপটি খোলা রাখার কোনো উপায় নেই।

'পানি পান করুন' ইভেন্ট নমুনা থেকে নেওয়া নিম্নলিখিত ছবিতে, উপলব্ধ টাইমার বিকল্পগুলি প্রদর্শনকারী একটি পপআপ দেখানো হয়েছে। ব্যবহারকারীরা বোতামগুলির মধ্যে একটিতে ক্লিক করে অ্যালার্ম সেট করেন।

ম্যানিফেস্টের "action" কী-এর অধীনে একটি পপআপ রেজিস্টার করুন।

{
 "name": "Drink Water Event",
 ...
 "action": {
   "default_popup": "popup.html"
 }
 ...
}

অন্যান্য প্রায় যেকোনো ওয়েব পেজের মতোই পপআপটি তৈরি করুন। মনে রাখবেন, পপআপে ব্যবহৃত যেকোনো জাভাস্ক্রিপ্ট অবশ্যই একটি আলাদা ফাইলে রাখতে হবে।

<html>
 <head>
   <title>Water Popup</title>
 </head>
 <body>
     <img src="./stay_hydrated.png" id="hydrateImage">
     <button id="sampleSecond" value="0.1">Sample Second</button>
     <button id="min15" value="15">15 Minutes</button>
     <button id="min30" value="30">30 Minutes</button>
     <button id="cancelAlarm">Cancel Alarm</button>
   <script src="popup.js"></script>
 </body>
</html>

এছাড়াও আপনি action.setPopup() কল করে ডাইনামিকভাবে পপআপ তৈরি করতে পারেন।

browser.storage.local.get('signed_in', (data) => {
  if (data.signed_in) {
    browser.action.setPopup({popup: 'popup.html'});
  } else {
    browser.action.setPopup({popup: 'popup_sign_in.html'});
  }
});